/* 
 Theme Name:     West Scot Construction
 Author:         Customology
 Author URI:     http://customology.co.uk
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 4.7.5
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/* Display Secondary Menu Bar Only On Mobile */

#top-header, #top-header a {
display: none;
}
@media (max-width: 980px) {
#top-header, #top-header a {
display: block !important;
}
}

/* Center Inline Logo in Primary Menu */

.et_header_style_split #top-menu-nav {
    margin-left: -20px;
}

/* Increase Text Size On Mobile Menu & Change 
Dropdown Background Color & Opacity  */

.et_mobile_menu li a {
font-size: 18px;
}

span.select_page {
font-size: 17px !important;
}

.et_mobile_menu {
background: #fff !important;
opacity: 0.8!important;
}

/* Set h4 Font Size Site Wide */

h4{
font-size: 36px !important;
}

/* Center Title Text In FW Header */

@media (max-width: 767px) {
.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
width: 100%;
}
}

.greyoverlay .et_parallax_bg:before, .greyoverlay:before {
  content:"";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(61, 61, 61, .5);
}

/* Home Page Expanding Call To Action */
 
/*** style CTA section and row when waypoint is not triggered ***/
#cta-section {
    padding: 0 80px;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
}
#cta-row {
    margin: 80px auto 0 auto;
    padding: 80px 0;
    max-width: 100%;
    background-color: #c00000;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0px 10px 50px #939fa9;
    transition: all .8s ease;
    -moz-transition: all .8s ease;
    -webkit-transition: all .8s ease;
 
}
/*** Style CTA section and row once waypoint toggles animate-cta class ***/
#cta-section.animate-cta {
    padding: 46px 0 66px 0;
    overflow: hidden;
}
.animate-cta #cta-row {
    margin: 0 auto 0 auto;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background-color: #da0000;
    width: inherit;
}
/*** style button ***/
 
#sign {
    display: inline-block;
    width: 246px;  
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    background-color: #FF6600;
    padding: 20px 40px;
    margin-top: 30px;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    transition: all .8s ease;
    -webkit-transition: all .8s ease;
    -webkit-transition: all .8s ease;
    box-shadow: 0px 5px 20px #893700;
    -moz-box-shadow: 0px 5px 20px #893700;
    -webkit-box-shadow: 0px 10px 50px #893700;
}
#sign:hover {
    background-color: #0099ff;
    box-shadow: 0px 20px 80px #1b1867;
    -moz-box-shadow: 0px 20px 80px #1b1867;
    -webkit-box-shadow: 0px 20px 80px #1b1867;
}
 
/*** style content within the code module ***/
 
.cta-info{
    color: #fff;
    text-align: center;
    margin: 0 auto !important;
    max-width: 1080px;
    padding: 50px;
}
.cta-info h3 {
    color: #fff;
    font-size: 35px;
    line-height: 1.3em;
}

/*------------BOXED SECTION--------------*/
 
/* boxed sections */
    .boxed {
            max-width: 1200px;
            float: none;
            margin-bottom: 25px;
            margin-top: 25px;
            left: 50%;
            margin-right: -50%;
            transform: translate(-50%, 0%);
            -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
            -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7);}
 
    @media only screen and (max-width : 1350px) {
    .boxed {max-width: 95%;}}
 
    @media only screen
        and (min-device-width : 320px) 
        and (max-device-width : 1024px)
        and (-webkit-min-device-pixel-ratio: 1){
            .boxed {
                max-width: 100%;
                float: none;
                margin: 0;
                left: 0%;
                margin-right: 0%;
                transform: translate(0%, 0%);}}

/* boxed-up sections */
    .move-up {
            margin-top: -50px;
            border-radius: 5px;}

/* Contact Form Settings */

span.et_pb_contact_captcha_question {
color: #ffffff !important;
}
p.clearfix {
color: #ffffff !important;
}

.et-pb-contact-message, .et_pb_contact_main_title{
color:#ffffff;
font-size: 18px;
}

.et-pb-contact-message p {
font-size: 19px;
color: #fff !important;
}