/**
 * Theme Name: Crown Paving
 * Template: byron
 * Version: 2.5
 * Description: WordPress Theme for Crown Paving
 * Author: RCMA
 **/

/* GLOBAL */


.stickylogo {
    display: none;
    height: 45px;
    width: 59px;
    float: left;
    align-content: center;
    background-repeat: no-repeat;
    margin-top: 18px;
    margin-right: 20px;
}

.fixed-show .stickylogo {
    display: block;
}
.header-info a {
    color: #fff !important;
}
.header-info a:hover {
   text-decoration: underline;
}

figure.swiper-slide-inner {
    padding: 20px !important;
}
.swiper-wrapper {
	    align-items: center;
}
div#widget_socials-2 {
    display: none;
}

.master-heading .pre-heading {
    display: none;
}

.elementor-flip-box__layer__title span {
	display:block;
	font-size:20px;line-height:27px; 
	text-transform:uppercase;
	font-weight:300;
}
#main-nav .sub-menu {
	border-radius:4px;
}
i.fab.fa-facebook-f {
    color: #E3B44A;
    margin-right: 10px;
    font-size: 20px;
}

.footer-grid .span_1_of_4:last-child {
    width: 30%;
}
.footer-grid .span_1_of_4 {
    width: 22%;
}
.span_1_of_4.col:first-child {
    margin-top: -27px;
}



.elementor-menu-anchor {
    scroll-margin-top: 180px; /* adjust to your header height */
}
#footer-widgets, .byron-container.header-inner-wrap, #topbar, #topbar .topbar-left, #topbar .topbar-right, .header-style-3 #site-header.fixed-show .wrap-inner {
    max-width: 1210px !important;
}
.header-top {
    border: none;
	background: linear-gradient(90deg, rgba(43, 110, 175, 0) 30%, rgba(43, 110, 175, 1) 50%);
    position: relative;
    z-index: 99;
}

h2.main-heading {
    font-family: "Roboto", Sans-serif;
}

.headline-2 {
    font-size: 24px;
    line-height: 25px;
}
.pre-heading {
    text-transform: uppercase;
}


.master-testimonial .avatar {
    width: 70px !important;
    height: 70px !important;
    border-radius: 50%;
    overflow: hidden;
    background-color: #cacaca;
    top: -35px !important;
}



/* CONTAINER */
#footer-widgets, .byron-container.header-inner-wrap, #topbar, #topbar .topbar-left, #topbar .topbar-right {
    max-width: 1200px;
    margin: auto;
}


.elementor-page-956.header-style-3 #site-header {
    background-color: transparent;
}
#site-logo-inner {
    padding: 0px 10px 20px 10px;
    width: 181px !important;
    margin-top: 30px !important;
    border-radius: 4px;
    margin-top: 50px !important;
}





#topbar, #topbar .topbar-left, #topbar .topbar-right {
    display: flex;
    justify-content: end !important;
}
div#topbar {
    text-align: end;
}
.header-info .phone.content:after {
    content: none;
}
.topbar-right {
    margin-right: 0 !important;

}

.header-style-3 #site-header .wrap-inner {
    max-width: 900px;
    height: 58px;
    border-radius: 4px !important;
}
.header-style-3 #site-header .wrap-inner {
    justify-self: right !important;
    margin-top: -30px;
}
.header-info {
    font-size: 15px;
    line-height: 50px;
    color: #fff;
}

.elementor-page-956 .header-top {
    border-bottom: none;
}


div#input_1_12 {
    flex-direction: row;
}
.gchoice {
    place-items: anchor-center;
}

label {line-height: 14px !important;}

.master-heading .sub-heading {
    margin-bottom: 25px !important;
}
.master-heading .sub-heading {
    line-height: 12px;
    margin-bottom: 0 !important;
}

input::placeholder {
    color: #5c5c5c !important;
}
.gform-theme--foundation .gform_fields {
    grid-row-gap: 25px !important;
}


#featured-title .inner-wrap {
    padding: 70px 0 35px;
}



.header-style-3 #site-header.fixed-show
 {
    top: 0;
    border-bottom: 0;
    height: auto;
    margin-top: -7px;
    box-shadow: none;
    max-width: 100% !important;
    width: 100% !important;
}
.header-style-3 #site-header.fixed-show .wrap-inner {
    max-width: 1200px;
    float: right;
    height: 66px;
    width: 100% !important;
    border-radius: 4px !important;
}



.header-style-3 #site-header {
    background-color: transparent !important;
}
#main-nav .sub-menu li a:hover {
    color: #fff !important;
    transition-delay: 0.5s;
    background: #2a6faf !important;
}
#main-nav .sub-menu {
    width: 290px;
}	
	
/* FOOTER */
#bottom {
    color: #fff;
    background: linear-gradient(270deg,rgba(0, 0, 0, 1) 0%, rgba(43, 110, 175, 1) 50%);
}
#footer {
    background-color: #000;
}

#bottom .bottom-bar-inner-wrap:before {
  content: none;
}

/* HOME */
.elementor-element-1bf6f0a {
    margin-top: 83px !important;
}
#bottom .inner-wrap {
    max-width: 1240px !important;
    margin: auto;
}


/* WHY CROWN */


.staffcontainer {
    box-shadow: 0px 10px 35px 0px rgba(38, 42, 76, 0.15);
    border-radius: 4px;
}



.e-n-tabs-heading {
  position: sticky;
  top: 80px; /* stays 80px from top, under your sticky nav */
  z-index: 10; /* adjust as needed */
  background: white; /* optional, avoids transparency overlapping content */
}

.e-n-tabs-heading.stucktab {
  position: fixed;
  top: 80px; /* offset below your sticky header */
  width: 100%; /* adjust as needed */
  z-index: 10; /* ensure visibility */
  background: white; /* optional for clarity */
}



/* FAQS */

.faqscontainer h4 {
    font-size: 1.3em;
    line-height: 1;
    margin-bottom: 10px;
}
.faqscontainer .divider {
    margin-bottom: 20px !important;
}

/* CONTACT */

input, textarea, select {
    border-color: #d6d6d6 !important;
}


input#gform_submit_button_2:hover, input#gform_submit_button_1:hover {
    border: 2px solid #000 !important;
    background-color: #000;
}

label.gfield_label.gform-field-label {
    color: #fff;
}

span#gfield_upload_rules_2_9 {
    color: #fff;
}
input#gform_submit_button_2 {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    transition: 0.3s;
    background-color: #E4B247;
    font-size: 18px;
    padding: 19px 30px;
    border-radius: 3px;
    border: 2px solid #E4B247 !important;
}
 input#gform_submit_button_1 {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    transition: 0.3s;
    background-color: #E4B247;
    font-size: 18px;
    padding: 19px 30px;
    border-radius: 3px;
    border: 2px solid #E4B247 !important;
}
input#gform_submit_button_1:hover {
    border: 2px solid #000 !important;
    background-color: #000;
}
.elementor-element.elementor-element-83c1591.e-con-full.e-flex.e-con.e-child {
    max-width: 1210px !important;
    margin-left: 14px;
}




/* RESPONSIVE */

@media only screen and (max-width: 1201px) {
#site-logo-inner {
    max-width: 180px !important;
    margin-top: 125px !important;
    width: 150px !important;
}
	#footer, #bottom {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

}

@media only screen and (max-width: 991px) {
    .header-style-3 #site-header .wrap-inner {
        margin: 0 30px !important;
    }
	
	#site-logo #site-logo-inner {
    max-width: 200px !important;
    margin-top: 100px !important;
    width: 135px !important;
    margin-left: 10px;
}
	.master-fancy-image-bg {
    top: 0px !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 0px !important;
}
	.master-fancy-image.is-in-view.bg-left .master-fancy-image-bg {
    -webkit-transform: translate(-7px, 0px) !important;
    transform: translate(-7px, 0px) !important;
}
	
}
@media only screen and (max-width: 500px) {
#copyright span {
    display: block;
}
}