/**handles:divi-style**/
/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.13.1.1536237469
Updated: 2018-09-06 12:37:49

*/



@font-face {
    font-family: Gotham-Light;
    src: url(https://www.trendydoor.staging.wpengine.com/wp-content/themes/Divi-child/fonts/Gotham-Light.otf);
}

@font-face {
    font-family: Gotham-Book;
    src: url(https://www.trendydoor.staging.wpengine.com/wp-content/themes/Divi-child/fonts/Gotham-Book.otf);
}

@font-face {
    font-family: Gotham-Thin;
    src: url(https://www.trendydoor.staging.wpengine.com/wp-content/themes/Divi-child/fonts/Gotham-Thin.otf);
}

@font-face {
    font-family: Gotham-Medium;
    src: url(https://www.trendydoor.staging.wpengine.com/wp-content/themes/Divi-child/fonts/Gotham-Medium.otf);
}

@font-face {
    font-family: Gotham-Bold;
    src: url(https://www.trendydoor.staging.wpengine.com/wp-content/themes/Divi-child/fonts/Gotham-Bold.otf);
}

@font-face {
    font-family: Gotham-Black;
    src: url(https://www.trendydoor.staging.wpengine.com/wp-content/themes/Divi-child/fonts/Gotham-Black.otf);
}



h1 {
font-family: Gotham-Thin, Arial, sans-serif;
margin-bottom: 20px;
}

@media (max-width: 479px) {
h1 {
     font-size: 40px !important;
     }
}

h2 {
font-family: Gotham-Thin, Arial, sans-serif;
margin-bottom: 20px;
}

h3 {
font-family: Gotham-Thin, Arial, sans-serif;
margin-bottom: 20px;
}

h4 {
font-family: Gotham-Thin, Arial, sans-serif;
font-size: 20px;
}

p {
font-family: Gotham-Book, Arial, sans-serif;
margin-bottom: 10px;
}

body {
font-family: Gotham-Book, Arial, sans-serif;
margin-bottom: 10px;
}


/* Remove the line below the normal Divi menu */
#main-header {
    box-shadow: none !important;
}



/* Divi secondary menu customisations by Yates Design */

@media (min-width: 980px) {
#top-header .container {padding: 0 !important;}
#et-secondary-menu {float: none;}
#et-secondary-nav li {margin-right: 0;}
#et-secondary-nav li a {padding: 0.75em 1em;}
#et-secondary-nav {width: 100%;text-align: right;}
/* Add the class'left' to any menu item to float it to the left of the menu */#et-secondary-nav li.left {float: left;}
/* Add the class 'facebook' to any menu item to give it Facebook's background colour */#et-secondary-nav li.facebook {background: #3b5998;}
/* Add the class 'twitter' to any menu item to give it Twitter's background colour */#et-secondary-nav li.twitter {background: #55acee;}
/* Add the class 'instagram' to any menu item to give it Instagram's background colour */#et-secondary-nav li.instagram {background: #125688;}
/* Add the class 'cta' to any menu item to turn it into a Call to Action button */#et-secondary-nav li.cta {background: #D6CC42; margin-left: 10px;}
/* Add the class 'cta' to any menu item to turn it into a Call to Action button */#et-secondary-nav li.cta a {color: #2E303B !important; opacity: 1;}
}


/* animated line under hovered menu items */

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 50%;
 background: #D6CC42; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}


/* Hover menu item change to full opacity */

#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: white !important; 
    opacity:1 !important;
    transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}


/* main menu spacing */
#top-menu li {
    padding-right: 52px;
   }




/* full width contact form button */

.et_contact_bottom_container {
 Width: 100%;
}
.et_pb_contact_form_container.et_pb_contact_form_container .et_contact_bottom_container .et_pb_contact_submit.et_pb_button { 
 Width: 97%;
}


/* Side by side buttons */

.double-button {
float: left;
width: 40%;
text-align: center;
margin-right: 5%;
margin-left: 0%;
background-color: #0c71c3 !important;
border-color: #0c71c3 !important;

}

.double-button:hover {
    background: #2c4371!important;
    border-color: #0c71c3 !important;
}


/* Disable slider text shadow */

.et_pb_bg_layout_dark .et_pb_slide_description{
    text-shadow: none !important;
}



/* Contact module side tab */

.sidebarSwitch {
  right: -133px;
  position: fixed;
  background-color: #000;
  padding: 10px;
  transition: 0.5s ease all;
  width: 210px;
  line-height: 30px;
  top: 150px;
  z-index: 999;
  display: block;
}
.sidebarSwitch a {
  color: #fff;
  display: block;
}
.sidebarSwitch img {
  float: left;
  width: 50px;
}
.sidebarSwitch:hover {
  background-color: #000;
  right: 0;
}


#voucher-button:hover {
  color: #fff !important;
  border-color: #fff !important;
}


/* Door builder logos */

.doorbuilder-logo {
	opacity: 1;
	transition: 0.3s;
}

.doorbuilder-logo:hover {
	opacity: 0.5;
	transition: 0.3s;
}


/* Overlay contact form button style */
 
#contactform .et_pb_button:hover {
background-color: #D6CC42 !important;
}



/* Change main menu background on specific pages */

.page-id-206
 #main-header {
background-color: #262833 !important;
}


.page-id-851
 #main-header {
background-color: #262833 !important;
}

.page-id-865
 #main-header {
background-color: #262833 !important;
}


/* Always visible slider arrows */

.et-pb-arrow-next {
opacity: 0.4;
right: 22px;
font-size:28px !important;
top:85%;
}

.et-pb-arrow-next:hover {
opacity: 1;
}

.et-pb-arrow-prev{
opacity: 0.4;
left: 22px;
font-size:28px !important;
top:85%;
}

.et-pb-arrow-prev:hover{
opacity: 1;
}

.et_pb_slider:hover .et-pb-arrow-prev {
  left: 22px !important;
}

.et_pb_slider:hover .et-pb-arrow-next {
  right: 22px !important;
}


.et-pb-arrow-prev:before {
  color: #fff !important; 
  content: "\e04d";
}

.et-pb-arrow-next:before {
  color: #fff !important; 
  content: "\e04e";
}


/* Switch to colour logo on scroll 
.et-fixed-header #logo {
content: url(http://trendydoor.staging.wpengine.com/wp-content/uploads/2018/09/Trendydoor-logo.svg);
}

*/

#trendy-footer a {
  color: #fff !important;
}


/* Centre text on mobile */

@media (max-width:980px) {
	.center-text-mobile,
	.center-text-mobile .et_pb_text_inner,
	.center-text-mobile .et_pb_social_media_follow {
		text-align: center!important;
	}
}

/* Full with mobile buttons */

@media (max-width: 479px) {
.block {
     display: block !important;
     text-align: center;
     }
}

/* Change colour of dropdown mobile menu */

.et_mobile_menu {
    background: #2d2d2d !important;
    border-top: 3px solid #D6CC42;
}


/* Change colour of burger menu */

span.mobile_menu_bar:before {
    color: white !important;
}

/* Two column door images on mobile */


@media (max-width: 980px) {
.twoX2 .et_pb_column{
max-width: 50% !important;
}
.twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){
margin: 0 25%;
}
}
@media (max-width: 479px){
.et_pb_section .et_pb_row.twoX2 div.et_pb_column.et_pb_column_1_4 {
    width: 47.25% !important;
}
 
}


@media (max-width: 980px) {
.threeX3 .et_pb_column{
max-width: 33% !important;
}
.twoX2 .et_pb_column.et_pb_column_1_3:nth-of-type(3){
margin: 0 25%;
}
}
@media (max-width: 479px){
.et_pb_section .et_pb_row.twoX2 div.et_pb_column.et_pb_column_1_4 {
    width: 30% !important;
}
 
}




/* Add some padding to the sides of the image */
@media (max-width: 980px) {
.twoX2 .et_pb_gallery_fullwidth {
  padding: 10px;
}
}

/* remove margin from below image */
@media (max-width: 980px){}
.twoX2 .et_pb_column .et_pb_module {
    margin-bottom: 0px;
}

/* align the text with the image */
@media (max-width: 980px){
.twoX2 .et_pb_text {
  padding-left: 10px;
}


/* change divider height on mobile */
@media (max-width: 479px){
.et_pb_bottom_divider .et_pb_bottom_inside_divider {
  height: 60px !important;
  background-size: 100% 60px!important;
}
}

@media (max-width: 479px){
.et_pb_top_divider .et_pb_top_inside_divider {
  height: 60px !important;
  background-size: 100% 60px !important;
}
}


/* Global button sizing for mobile */
@media (max-width: 479px){
.et_pb_button {
  width: 100%;
  text-align: center;
}


/* Global text align for mobile */
@media (max-width: 479px){
.et_pb_text_inner {
    position: relative;
    text-align: center;
  }
}



/* two column gallery for mobile trend page */

@media all and (max-width: 767px) {
.two-col-grid.et_pb_gallery .et_pb_gallery_item.et_pb_grid_item {
width: 50%!important;
margin: 0!important;
}
}