/*

 Theme Name:   TM Divi Child

 Theme URI:    

 Description:  A Child Theme built for Divi

 Author:       True Momentum

 Author URI:   http://www.truemomentum.co.uk

 Template:     Divi

 Version:      1

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

*/


h1, h2	{ color:#8B0E04 !important;}

h1		{ padding-bottom: 30px !important; }
h2		{ line-height: 1.3em; padding-bottom: 20px !important; }
h3		{ padding-bottom: 15px !important; }

.et_pb_module_header	{ color:#8B0E04 !important;}


a 					{ color: #8B0E04; }
.dark_section a 	{ color: #fff; }



hr		{ color: #ddd; background-color: #ddd; height: 1px; border:none;  margin:30px 0px; }


/* Divi Buttons */
.et_pb_button, .et_pb_file_upload_button, .button 
							{ color:#fff !important; background-color:#8B0E04 !important;  border: 1px solid #8B0E04 !important; 
							-moz-border-radius: 10px !important; -webkit-border-radius: 10px!important; border-radius: 10px !important; }

.dark_section .et_pb_button, .dark_section .et_pb_file_upload_button, .dark_section .button 
							{ color:#8B0E04 !important; background-color:#fff !important;  border: 1px solid #fff !important; 
							-moz-border-radius: 10px !important; -webkit-border-radius: 10px!important; border-radius: 10px !important; }


/* Top Header */
#page-container #top-header 	{ color: #fff !important; background-color: #8B0E04!important; }
#top-header a, #top-header a 	{ color: #fff !important; }
#top-header #et-info 			{ width: 60%; line-height: 1.4!important; padding-bottom: 0.5em; }
#top-header #et-info-phone, 
#top-header #et-info-email, 
#top-header .et-social-icon a 	{ font-size:120%; float: right; padding: 0 0 0 1%; }
#top-header .et-social-icons 	{ padding-top: 5px; padding-left:25px; } 
#et-info-phone 					{ margin-right: 0px; }
#top-header .et-cart-info 		{ font-size: 120%; }


/* Desktop Menu */
#top-menu li	{ font-size: 16px; }
#top-menu li.current-menu-item>a		{ color: #8B0E04 !important; }
#top-menu li.current-menu-ancestor>a	{ color: #8B0E04 !important; }

.nav ul li a:hover, .et_mobile_menu li a:hover  { color:#333 !important; background-color: #fff; opacity: .7; } 
.nav li ul { border-top-color: #8B0E04 !important; }

/* Hamburger Icon */
span.mobile_menu_bar:before	{ color:#8B0E04 !important; }

/* Full Width Slider */
.et_pb_slide 								{ min-height: 400px; }
.et_pb_slide_description .et_pb_slide_title { font-size: 3em; line-height: 1.1em; }
.et_pb_slide_description					{ float: left; width:40% !important; text-align: left; padding: 2% 2% 2% 8%; width: auto; margin: auto; }
.et_pb_slide_description p					{ font-size: 1.4em; line-height: 1.3em !important; }
/* .et_pb_fullwidth_section 					{ border-bottom: solid 1px #8B0E04; } */

/* Full Width Header */
.header-content	{ padding-top: 5% !important; }


/*Bullets
.entry-content ul 		{ list-style: url('/wp-content/themes/Divi-Child-TM/bullet.png'); margin: 10px 0 0 10px !important; padding: 0px 0 15px 30px !important; }
.entry-content ul li 	{ padding: 4px 10px ; }
*/
.entry-content ul 			{ margin: 10px 0 0 10px !important; padding: 0px 0 15px 30px !important; }
.entry-content ul li 		{ padding: 4px 10px ; }
.entry-content ul ::marker	{ font-size: 150%; color: #8B0E04; }


/*Call to Action Panels */
.et_pb_promo 				{ color: #fff !important;; background-color: #999 !important; border-radius: 5px !important; }

/* Motech Panels */
.promo_panel_1				{ padding:12px; box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px; }
.promo_panel_1 h3			{ color:#8B0E04; font-size:14px; font-weight:bold; }

/*Testimonial Panels */
.et_pb_testimonial 			{ background-image: linear-gradient(180deg,#8B0E04 0%,#8B0E04 100%)!important; background-color: #8B0E04 !important; border-radius: 5px !important;}
.et_pb_testimonial:before 	{ color: #8B0E04; background-color: #fff; } /* Icon */
.et_pb_testimonial_content  { color: #fff !important; }
.et_pb_testimonial_author  	{ color: #fff !important; margin-top: 12px !important; }
.et_pb_testimonial_position	{ color: #ccc !important; }
.et_pb_testimonial_company 	{ color: #ccc !important; }

/* Tables */
table	{ border-radius:5px; margin:25px 0 35px 0 !important; }
th		{ color:#333 !important; background-color: #FEE703; }
td 		{ color:#8B0E04 !important; border: 1px solid #eee !important; padding: 14px 24px 6px 24px !important; }
td h3 	{ color:#333 !important; }

/* Timeline Cards */
.dmpro_timeline_item_card, .date-icon.date-icon-circle	{ background-color:#fff !important; }
.dmpro_timeline_item_header								{ color:#8B0E04 !important; }

/*
.dmpro_timeline_item_card-wrap	{ width:100%;}
.dmpro_timeline_item_card { min-height: 180px; background-size: cover !important; background-repeat: no-repeat !important; background-position: center center !important; }
*/

/* Large screens (1405px upwards) */
@media only screen and ( min-width: 1405px ) { 
    /* your css goes here */
}

/* Laptops and desktops (1100-1405px) */
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) { 
    /* your css goes here */
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
    /* your css goes here */
#et_mobile_nav_menu { display: block !important;  }
#top-menu 			{ display: none !important;  }
}

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
    /* your css goes here */

/* Full Width Slider */
.et_pb_slide 								{ min-height: 400px; padding:0 2%; }
.et_pb_slide_description .et_pb_slide_title { font-size: 3em; line-height: 1.1em; }
.et_pb_slide_description					{ float: left; width:40% !important; text-align: left; padding: 1% 2% 1% 0%; width: auto; margin: auto; }
.et_pb_slide_description p					{ font-size: 1.4em; line-height: 1.3em !important; }

}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {

/* Full Width Slider */
.et_pb_slide 								{ min-height: 400px; padding:0 2%; }
.et_pb_slide_description .et_pb_slide_title { font-size: 3em; line-height: 1.1em; }
.et_pb_slide_description					{ float: left; width:40% !important; text-align: left; padding: 1% 2% 1% 0%; width: auto; margin: auto; }
.et_pb_slide_description p					{ font-size: 1.4em; line-height: 1.3em !important; }

}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
    /* your css goes here */

/* Full Width Slider */
.et_pb_slide 				{ min-height: 400px; background-position: 75% !important; }
.et_pb_slide_description	{ float: left; width:90% !important; text-align: left; background-color: rgba(255,255,255,.7); padding: 3% 3% 3% 3%; width: auto; margin: auto; }
.et_pb_slide_description p	{ font-size: 1.4em; }


}





/* Column Stacking Order */
@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.row_stacking {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile 	{ -webkit-order: 1; order: 1; padding-bottom:30px; }
.second-on-mobile 	{ -webkit-order: 2; order: 2; }
.third-on-mobile 	{ -webkit-order: 3; order: 3; }
.fourth-on-mobile	{ -webkit-order: 4; order: 4; }

/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child { margin-bottom: 30px; }
}


/* Remove vertical line from left of sidebar */
#main-content .container:before	{ width:0; }
.et_pb_widget_area_left { border-right: none; padding-left: 0px; padding-right: 30px; }



/* Create Mansonory styles for archive pages */
.search #left-area, .archive #left-area 			{ -moz-column-count: 2; column-count: 2; -moz-column-gap: 60px; column-gap: 60px; }
.archive .et_pb_post > a, .search .et_pb_post > a	{ margin: -20px -20px 10px; display: block; }

.search #left-area .et_pb_post, .archive #left-area .et_pb_post {
    overflow: hidden; /* fix for Firefox */
    page-break-inside: avoid; break-inside: avoid-column; 
	width: 100%; padding: 19px; border: 1px solid #d8d8d8; background-color: #fff; word-wrap: break-word; display: inline-block; float: left;
}

.search #left-area .et_pb_post h2, .archive #left-area .et_pb_post h2 { font-size: 18px; }

.search #left-area .et_pb_post.format-link, .search #left-area .et_pb_post.format-quote, .search #left-area .et_pb_post.format-audio, .archive #left-area .et_pb_post.format-link, .archive #left-area .et_pb_post.format-quote, .archive #left-area .et_pb_post.format-audio{ padding: 0; }

.archive .et_pb_post .et_pb_image_container, .archive .et_pb_post .et_main_video_container, .archive .et_pb_post .et_audio_content, .archive .et_pb_post .et_pb_slider, .search .et_pb_post .et_pb_image_container, .search .et_pb_post .et_main_video_container, .search .et_pb_post .et_audio_content, .search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px; }

.archive .et_pb_post.format-audio .et_audio_content{ margin: 0px -38px 0px; }
.archive .et_pb_post .et_pb_slider .et_pb_slide, .search .et_pb_post .et_pb_slider .et_pb_slide { min-height: 180px; }
.archive .pagination, .search .pagination { padding: 20px 0; }


/* Hide "no results" message on blog module */
.et_pb_blog_grid .no-results { display: none; } 
 

/* Media Queries */
@media screen and (max-width: 980px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 2; column-count: 2; -moz-column-gap: 60px; column-gap: 60px;
    }

}

@media screen and (max-width: 767px) {
    .search #left-area,
    .archive #left-area {
        -moz-column-count: 1; column-count: 1;
    }

    .search .et_pb_post.format-audio .et_audio_content,
    .archive .et_pb_post.format-audio .et_audio_content{
        margin: 0;
    }

    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls div.mejs-time-rail,
    .search #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total,
    .archive #left-area .et_pb_post.format-audio .et_audio_container .mejs-controls .mejs-time-rail .mejs-time-total{
        min-width: 300px!important;
        width: 300px!important;
    }

}

/* Post Pagination */
.page-links			{ font-size:110%; font-weight:bold; padding-top:10px; }