/*
Theme Name: Red Coral V1
Theme URI: https://redcoral.sa/consultancy/
Author: Nathan Johanes Yefta
Author URI: http://nathstudio.vercel.app
Description: A custom WordPress theme for Red Coral.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: redcoral-v1
*/

/* BOOTSTRAP CUSTOM COLOR */
:root {
    /* Colors */
    --color-white: #ffffff;
    --color-black: #010101;
    --color-primary: #a41e22;

    --color-secondary-1: #b63830;
    --color-secondary-2: #cf5e36;
    --color-secondary-3: #836a53;
    --color-secondary-4: #8f6652;

    --color-tertiary: #f4eadf;
    --color-soft-red: #eca5a8;

    --color-black-line: rgba(0, 0, 0, 0.55);

    /* Typography */
    --font-primary: 'Montserrat', sans-serif;

    --fsize-2xl: 94px;
    --fsize-xl: 65px;
    --fsize-heading: 46px;
    --fsize-title: 38px;
    --fsize-subheading: 24px;
    --fsize-body: 18px;
    --fsize-small: 14px;
}


* {
    box-sizing: border-box;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: white;
}
 
html {
  scroll-padding-top: 100px;
}

body {
    font-family: "Montserrat", sans-serif;
}

a:hover, .btn-as-link:hover {
    color: var(--color-secondary-1);
}

.nav-link {
    color: black;
}

.nav-link:hover {
    color: var(--color-secondary-1);
}

.fsize-xl {
    font-family: var(--font-primary);
    font-size: var(--fsize-xl);
    font-weight: 600 !important;
    line-height: 4.5rem;
}

.fsize-xl-jumbotron {
    font-family: var(--font-primary);
    font-size: var(--fsize-xl);
    font-weight: 400 !important;
    line-height: 4.5rem;
}

.fsize-heading, .fsize-heading-services {
    font-family: var(--font-primary);
    font-size: var(--fsize-heading);
    line-height: 4rem;
    font-weight: 600 !important;
}

.fw-headingbold {
    font-weight: 700 !important;
}

.fsize-subheading {
    font-size: var(--fsize-subheading) !important;
    font-weight: 600 !important;
}

.fsize-body {
    font-size: var(--fsize-body) !important;
}


.fsize-small {
    font-weight: 600 !important;
}

.text-color-primary {
    color: var(--color-primary);
}

.text-color-secondary-1 {
    color: var(--color-secondary-1);
}

.text-color-secondary-2 {
    color: var(--color-secondary-2);
}

.text-color-secondary-3 {
    color: var(--color-secondary-3);
}

.text-color-tertiary {
    color: var(--color-tertiary);
}

p {
    font-family: var(--font-primary);
    font-size: var(--fsize-body);
    font-weight: 400 !important;
}
.btn-dark {
    background-color: var(--color-black);
}

.btn-primary {
    background-color: var(--color-primary);
    border: none;
    color: var(--color-white);
    font-weight: 500;
    font-size: var(--fsize-body);
}

button.btn.btn-primary:hover {
  background-color: var(--color-secondary-1);
}

button.btn.btn-primary-outline:hover {
    border: 2px solid var(--color-secondary-2);
    color: var(--color-secondary-2);
}

button.btn.btn-dark:hover {
    background-color: #110f0f;
}

.fixed-alert {
    position: fixed !important; /* stays in the viewport */
    bottom: 20px;    /* distance from bottom of screen */
    left: 20px;      /* distance from left of screen */
    z-index: 9999;   /* stays on top of other elements */
    padding: 15px 25px;
    border-radius: 5px;
}

/* ARABIC VERSION */

[dir="rtl"] input,
[dir="rtl"] select,
[dir="rtl"] textarea {
  padding-right: 1.5rem;
}

[dir="rtl"] #services .text-md-start {
  text-align: right !important;
}

[dir="rtl"] .coral-img {
    left: 0 !important;
    transform: scaleX(-1);
    right: auto !important;
}


.btn-primary-outline {
    background-color: none;
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    font-weight: 500;
    font-size: var(--fsize-body);
}

.bg-gradient {
    background: linear-gradient(to bottom, #db8769, transparent) !important;
}

.container-hero-bg {
    max-width: 50% !important;
}

@media only screen and (max-width: 600px) {

    body {
        overflow-x: hidden;
    }

    h1 {
        font-size: 38px;
    }
    
    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 22px;
    }
    
    a {
        font-size: 20px !important;
    }

    p {
        font-size: calc(var(--fsize-body) - 3px);
    }

    .fsize-heading-services {
        font-size: 35px;
    }

    .fsize-xl-jumbotron {
        font-family: var(--font-primary);
        font-size: calc(var(--fsize-xl) - 13px);
        font-weight: 400 !important;
        line-height: 4.5rem;
    }

    .fsize-xl {
        font-size: calc(var(--fsize-xl) - 15px);
        line-height: 3.5rem;
    }

    .fsize-heading {
        font-family: var(--font-primary);
        font-size: calc(var(--fsize-heading) / 2);
        line-height: 2rem;
        font-weight: 600 !important;
    }

    .fsize-body {
        font-size: calc(var(--fsize-body) - 3px) !important;
    }

    .fsize-small {
        font-size: calc(var(--fsize-body) - 3px);
    }

    .footer-subtext {
        font-size: calc(var(--fsize-body) - 3px) !important;
    }

    .btn-primary, .btn-primary-outline {
        font-size: calc(var(--fsize-body) - 2px);
    }

    .btn-secondary {
        font-size: 15px !important;
    }
    
    .footer-text {
        font-family: var(--font-primary);
        font-size: 15px;
        font-weight: 400 !important;
    }

    .post-title {
        width: 100% !important ;
    }

    .container-hero-bg {
        max-width: 100% !important;
    }

    .contactform-title-left {
        width: 100% !important;
    }

    .contactform-title-right {
        width: 100% !important;
    }

}

.form-search-custom {
    width: 100%;
    border: none;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 12px;
}

input::placeholder, textarea::placeholder {
  color: var(--color-primary);
  font-weight: 500;
  opacity: 0.6;
}

select, input, textarea, option {
    color: var(--color-primary);
    font-weight: 500;
}

.contactform-title-left {
    width: 45%;
}

.contactform-title-right {
    width: 55%;
}

.white-hr {
  border: none;
  border-top: 1px solid #ffffff;
  opacity: 0.6;
}

.footer-subtext {
    font-size: var(--fsize-small);
}

.intersection-space {
    margin-top: 150px;
    margin-bottom: 150px;
}

.accordion-button:not(.collapsed) {
  background-color: #f4eadf;
  color: #a41e22; 
  box-shadow: none;
}

/* WORDPRESS CUSTOMIZATION */

/* Hide the Text tab in comment editor */
.wp-switch-editor {
    display: none;
}

.blog-thumbnail {
    width: 350px !important;
    object-fit: cover;
    border-radius: 8px;
}

.wp-block-list {
    font-size: var(--p-size);
    margin-left: 15px;
}

.wp-block-list li {
    font-size: var(--p-size);
    margin-bottom: 15px;
}

.wp-block-image {
    text-align: center;
}

.wp-block-heading {
    margin-top: 25px;
    margin-bottom: 25px;
}