/*
Theme Name: Mile High Style
Theme URI: https://wickydesign.com
Description: Child Theme For Divi
Author: Wicky Design
Author URI: https://wickydesign.com
Template: Divi
Version: 1.0
*/

/* Start your custom CSS bellow this comment
============================================ */
/*======= Overall Styles =======*/
body, p { font-family: Montserrat, sans-serif; font-weight: 300; }
#main-header { box-shadow: none; }

.et_pb_image img { border-radius: 8px; }

.section-titles { background: #fff; margin-top: -42px; width: 13%; text-transform: uppercase; color: #b19977; letter-spacing: 1px; margin-left: auto; margin-right: auto; }
.featuredin-img ul li { list-style: none; float: left; display: inline-block; height: 110px; width: 350px; line-height: 100px; text-align: center; }
.featuredin-img ul li img { vertical-align: middle; }
.featuredin-img li {  }

.roundcorners img{border-radius:7px;}
.et-pb-arrow-next, .et-pb-arrow-prev { top: 45%; }
.et-pb-arrow-next { opacity: 1; right: 22px;}
.et-pb-arrow-prev {opacity: 1; left: 22px; }

.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-weight: 100; }


.et-pb-arrow-prev:before { content: url('http://milehighstyle.com/wp-content/uploads/2017/09/prev-arrow.png') !important; }
.et-pb-arrow-next:before { content: url('http://milehighstyle.com/wp-content/uploads/2017/09/next-arrow.png') !important; }

/* testimonial slider */

.testimonial slider h2 { font-family: 'Gerogia', serif; color: #322c26; }
.testimonial-button { padding: 10px 20px; color: #fff; text-transform: uppercase; border-radius: 7px; background: #b19977; }
.testimonial-button:hover { background: #880000; }

.et_pb_text>:last-child { z-index: 9999; }

/*===== testimonials slider ====*/
.et_pb_slide_content {  margin: 0 auto; }
.name { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif!important; text-transform: uppercase; font-size: 13px; }

/*======= Footer =======*/
.bottom-nav, .bottom-nav a { text-align: center; }
#footer-info { text-align: center; float: none; }

/*========= Home ==========*/
/* slider */
.homeslider .et_pb_slide .et_pb_slide_description {  float:left !important; padding-left:0px !important;}
.homeslider .et_pb_slide .et_pb_slide_image {  right:0px; }
.homeslider .et_pb_slide_image { margin-right: 0; }
.homeslider .et_pb_slide_image, .homeslider .et_pb_slide:first-child .et_pb_slide_image img.active { -webkit-animation-duration: 0s !important; animation-duration: 0s !important; }

/* opt in form */
#opt-in h2 { font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif; color: #b19977; }
#opt-in input[type=email] { width: 75%; border: 1px solid #F7F2EB; color: #4e4e4e; background-color: #F7F2EB; float: left; padding: 15px; font-size: 14px; text-transform: uppercase; border-radius: 7px 0 0 7px; }

#opt-in input[type=submit] { background: #b19977; color: #fff; font-family: 'Montserrat', Helvetica,Arial,Lucida,sans-serif; font-size: 14px; text-transform: uppercase; border: 1px solid #b19977; border-radius: 0 7px 7px 0; padding: 15px; font-weight: bold; letter-spacing: 1px; }

#mc_embed_signup{ width: 60%; margin: 0 auto; }

/*====== Services =======*/
.services-button { border: 2px solid #b19977; border-radius: 10px; text-align: center; font-size: 24px; letter-spacing: 1px;  }
.services-button a { color: #b19977; text-transform: uppercase; display: block!important; padding: 20px; }
.services-button:hover, .services-button a:hover { color: #880000; border-color: #880000; }

.subtitle { font-size: 14px; }

/*===== Press ======*/
#press h2 { font-family: font-family: 'Gerogia', serif!important; color: #322c26; }

/*===== Blog Sidebar =====*/
.et_pb_gutters3 .et_pb_column_1_3 .et_pb_widget { margin-bottom: 0!important; }
.et_pb_widget { border-bottom: 1px solid #dededd; padding-bottom: 30px; }
.widget_search { margin-top: 30px; text-align: center; }
.widget_search:after { content: 'Find Something Specific'; text-align: center; color: #b19977; text-transform: uppercase; }
.widget_search input#s { border: none; background: #f7f2eb; }
.widget_search input#searchsubmit { border-radius: 0px 7px 7px 0px; background: #b19977!important; text-transform: uppercase; color: #fff; width: 90px; }
.et_pb_widget ul li { margin-bottom: .5em; text-align: left; text-transform: uppercase; font-weight: bold; list-style: inside; }
.et_pb_widget a, .et_pb_bg_layout_light .et_pb_widget li a { color: #b19977; text-transform: uppercase; font-size: 14px!important;  }


/*===== Portfolio ======*/
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active { border: 1px solid #b19977; background: #b19977!important; color: #fff!important; letter-spacing: 1px; }
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a { background:#fff; color: #b19977; border: 1px solid #b19977; letter-spacing: 1px; }
.et_pb_portfolio_filters li a:hover { color: #880000!important; background-color: #fff!important; }
.et_pb_filterable_portfolio_grid .et_pb_portfolio_item img { border-radius: 8px; }

#interior-portfolio ul { margin: auto; width: 55.3%;}
#fashion-portfolio ul { margin: auto; width: 37.7%; }

.et_pb_filterable_portfolio_0.et_pb_filterable_portfolio h2 { text-align: center; }
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a{ border-radius: 8px; margin:3px; }
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { border-radius: 8px; }

/**** removes the all category ****/
.et_pb_portfolio_filters ul li:first-of-type {
display: none;
}

/*===== Testimonial page ====*/
.testimonial-quote { line-height: 30px; }
.testimonial-client { padding: 15px 0px; }
.testimonial-excerpt { padding-bottom: 20px; }

/*===== Blog =====*/

/** opt in **/
.demo-subscribe-section .et_pb_newsletter{padding: 20px 10px; border-radius:10px;}
.demo-subscribe-section .et_pb_newsletter_description {padding: 0; width: 100%;}
.demo-subscribe-section .et_pb_newsletter_form {width: 100%;}
.demo-subscribe-section .et_pb_newsletter_form p {display: inline-block; margin-right: 10px;}
.demo-subscribe-section .et_pb_newsletter_form p input { padding: 10px!important; width: 300px; text-transform: uppercase; color: #b3b3b2; letter-spacing: 1px; border-radius: 7px;}
.demo-subscribe-section .et_pb_newsletter_button {padding: 2px 6px;}
.demo-subscribe-section a.et_pb_newsletter_button:hover {padding: 2px 6px!important;}
.demo-subscribe-section a.et_pb_newsletter_button:after {display:none;}
.demo-subscribe-section .et_pb_newsletter_form p:nth-child(3) {display: none;}
 
#main-content .container:before { background: none; }

.et_pb_widget a, .et_pb_bg_layout_light .et_pb_widget li a { font-size: 18px; letter-spacing: 1px; }


.et_pb_post h2 a { color: #322c26; font-weight: 300; }
.et_pb_posts .et_pb_post .post-meta { font-family: 'Georgia', serif; color: #b19977; }

#blog .et_pb_post a img { float: left; margin-right: 4%; width: 40% ; border-radius: 7px; }
#blog #page-container .et_pb_post { clear: both !important; float: none !important; margin: 0 !important; }

.et_pb_title_container h1 { color: #322c26; font-weight: 300; }
.et_pb_bg_layout_light p.et_pb_title_meta_container, .et_pb_bg_layout_light p.et_pb_title_meta_container a { font-family: 'Georgia', serif; color: #b19977; font-style: italic; font-size: 18px; }

.more-link { background: #F7F2EB; display: inline-block; color: #B19977; font-family: Montserrat; font-size: 13px; font-weight: 600; line-height: 20px; padding: 12px; min-width: 20px; text-transform: uppercase; letter-spacing: 0.14em; border-radius: 10px; position: relative; width: 140px; margin: 20px auto;}
.more-link:before {background: #F7F2EB; content: ""; display: block; z-index: 99; position: absolute; right: -10px; top: 2px; height: 40px; width: 34px; border-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#page-container .et_pb_post { border-bottom: 1px solid #DEDEDD; padding-bottom: 10px; }
.widgettitle { font-size: 21px!important; color: #322c26; text-transform: uppercase; font-weight: bold;  text-align: left; }

.pagination .alignleft, .pagination .alignright { color: #B19977; font-family: Montserrat; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.14em; }



/**** comments number ****/


/*** affiliates ****/
.affiliate-img ul li { list-style: none; float: left; display: inline-block; height: 110px; line-height: 100px; text-align: center; width: 180px; }
.affiliate-img ul li img { vertical-align: middle; }
.affiliate-img li { padding: 5px; display: inline-block;  }


/*===== Contact =====*/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar {
background-color: #f7f2ec !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #b8b7b3 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase;
letter-spacing: 1px;
}

.wpcf7 select { 
background-color: #f7f2ec !important;
border: none !important;
width: 100% !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
font-size: 14px;
color: #b8b7b3 !important;
padding: 16px !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-transform: uppercase;
letter-spacing: 1px;
}

.wpcf7-submit {
background: #b19977;
color: #fff!important;
margin: 8px auto 0;
cursor: pointer;
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
padding: 6px 20px;
line-height: 1.7em;
border: 2px solid #b19977;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
float: right;
}
.wpcf7-submit:hover { 
background-color: #880000; 
border-color:#880000; 
padding: 6px 20px !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) { 
	.section-titles { background: #fff; margin-top: -40px; width: 15%;}
    .featuredin-img ul li { width: 165px; padding: 10px; }
	.featuredin-img li { padding: 0px 0px; }
    .affiliate-img ul li { width: 140px; }
	#interior-portfolio ul { margin: auto; width: 60%; }
	#fashion-portfolio ul { margin: auto; width: 48%; }
}

/* Tablets in landscape mode (981-1100px) */
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) { 
	.et_header_style_split .centered-inline-logo-wrap a { height: 60%; }
	.et_header_style_split #main-header .logo_container { }
	#top-menu li { padding-right: 10px; font-size: 12px;}
	#mc_embed_signup{ width: 100%; margin: 0 auto; }
    .section-titles { width: 20%; margin-top: -40px;} 
    .featuredin-img ul li { width: 133px; padding: 0px 10px; }
    .featuredin-img li { padding: 0px; }
    .featuredin-img li img {  }
    .affiliate-img ul li { width: 130px; }
	#interior-portfolio ul { margin: auto; width: 78%; }
	#fashion-portfolio ul { margin: auto; width: 52.5%;  }

}
}

@media (max-width: 980px) {
.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{ border-radius: 8px!important; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { border-radius: 8px!important; }
} 

/* Tablets in portrait mode (768-980px) */
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	#mc_embed_signup{ width: 100%; margin: 0 auto; }
    .section-titles { width: 22%; margin-top: -45px;} 
	.featuredin-img ul li { width: 140px; padding: 0px 10px; }
    .affiliate-img ul li { width: 195px; }
    .blog-optin-text { text-align: center!important; }
	#interior-portfolio ul { margin: auto; width: 100%; }
	#fashion-portfolio ul { margin: auto; width: 67.5%; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { border-radius: 8px; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { border-radius: 8px; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{ border-radius: 8px!important; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { border-radius: 8px!important; }
}

/* Smartphones in landscape mode (480-768px) */
@media only screen and ( min-width: 480px ) and ( max-width: 767px ) {
    #mc_embed_signup{ width: 100%; margin: 0 auto; }
	#opt-in input[type=email] { width: 50%; }

   .section-titles { width: 40%; margin-top: -45px;}
	.blog-optin-text { text-align: center!important; }	
	#blog .et_pb_post a img { width: 100%; float: none; }
	.demo-subscribe-section .et_pb_newsletter_form { text-align: center; padding-bottom: 20px; }
	.affiliate-img ul li { width: 250px; }
    #interior-portfolio ul { margin: auto; width: 85.3%; }
	#fashion-portfolio ul { margin: auto; width: 100%; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { border-radius: 8px; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a { border-radius: 8px; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-last-child(1):nth-child(odd) a { border-radius: 8px; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:nth-child(2) a { border-radius: 8px; }
	}

/* Smartphones in portrait mode (0-479px) */
@media only screen and ( max-width: 479px ) {
	.section-titles { width: 50%!important; margin-top: -45px;} 
    #mc_embed_signup { width: 100%!important; }
    #opt-in input[type=email] { width: 50%!important; }
	#opt-in input[type=submit] { width: 45%important; }
    .section-titles { width: 20%; margin-top: -45px;}
	.blog-optin-text { text-align: center!important; }
	#blog .et_pb_post a img { width: 100%; float: none; }
	.demo-subscribe-section .et_pb_newsletter_form { text-align: center; padding-bottom: 20px; }
	.affiliate-img ul li { width: 275px; }
	.testimonial-slider h2{ font-size: 16px!important; }
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 { font-size: 30px!important; }
	#interior-portfolio ul { margin: auto; width: 100%; }
	#fashion-portfolio ul { margin: auto; width: 100%; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li { margin-bottom: 3px; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li a{ border-radius: 8px!important; }
	.et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li:last-child a { border-radius: 8px!important; }
	
}