/*
Theme Name: Cider House Media
Theme URI: http://www.ciderhousedesign.com/ 
Author: Cider House Media 
Author URI: http://www.ciderhousedesign.com/ 
Version: 6.12.1
Description: A beautiful, professional and fully mobile responsive Custom Wordpress theme hand-crafted by Cider House. This theme is built on the Jupiter framework just for you!
Template: jupiter
*/

/***************************************************************************************************
* HTML tags stylings
***************************************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
/* Fonts */
ul {
    margin-left: 5px;
}
ol {
    margin-left: 15px;
}
/* Header */
.home .header-logo .mk-desktop-logo {
    display: none;
}
.home .main-navigation-ul > li.menu-item > a.menu-item-link {
    padding-left: 50px !important;
    padding-right: 50px !important;
}
.home .a-sticky .main-navigation-ul > li.menu-item > a.menu-item-link {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.home .header-style-1.header-align-center.a-sticky .mk-header-nav-container {
    text-align: right;
}
/* Button */
.mk-button-container .mk-button {
    text-transform: uppercase;
	font-weight: 400;
}
.mk-button-container .mk-button--dimension-outline {
    border: 1px solid;
}
.mk-button-container .mk-button--dimension-outline:hover {
    border: 1px solid #5a8f9c !important;
}
.mk-button-container .mk-button--size-large {
	font-size: 16px;
}
.mk-button-container .mk-button--size-medium {
	font-size: 16px;
}
/* Our Work */
.ourwork_hldr h2 {
	line-height: 64px;
}
.ourwork_hldr h3 {
	line-height: 36px;
}
.ourwork_hldr .mk-video-color-mask {
    background-image: linear-gradient(to top right, rgba(0,0,0,0.3), rgba(255,255,255,0.1));
}
/***************************************************************************************************
* Jupiter element skinning
***************************************************************************************************/
/* Banner */
.home .banner_hldr {
	z-index: 98 !important;
}
.banner_hldr .mk-skip-to-next {
    position: absolute !important;
    bottom: -50px;
    background-color: #fff;
    box-shadow: 0px 0px 15px -2px rgba(0,0,0,0.5);
}
.banner_hldr .mk-skip-to-next[data-skin=light] svg {
    fill: #00253c;
}
body.home:not(.compose-mode) .mk-page-section.full_layout.banner_hldr {
    overflow: visible;
}
/* Meet Susan */
.home .about_hldr {
	z-index: 1 !important;
}
.about_hldr p.vc_custom_heading {
    font-weight: 500;
}
/* Our Work Together */
.ourwork_hldr p.vc_custom_heading {
    font-weight: 500;
}
/* Stories - Home */
.mk-blog-grid-item .mk-blog-meta {
	min-height: 250px !important;
	background-color: #00263d;
}
.blog-grid-holder .blog-grid-footer {
    background-color: #00263d;
}
.mk-blog-grid-item .the-title {
    margin-bottom: 24px;
	line-height: 15px!important;
}
.mk-blog-grid-item h3 a {
    color: #fde6ca;
    text-transform: capitalize;
    font-size: 18px !important;
	line-height: 18px !important;
	font-weight: 400 !important;
}
.mk-blog-grid-item h3 a:hover {
    color: #629caa !important;
}
.mk-blog-grid-item .the-excerpt p {
    font-size: 14px;
    color: #fff;
    font-family: roboto !important;
}
.blog-grid-holder .blog-grid-footer {
    padding-top: 0;
	padding-bottom: 35px;
}
.blog-grid-holder .blog-grid-footer a {
    color: #fff4e7;
	font-weight: 400;
}
.blog-grid-holder .blog-grid-footer a:hover {
	color: #629caa !important;
}
.blog-grid-holder .blog-grid-footer svg {
    position: absolute;
    left: 95px;
    top: 13px;
}
/* Testimonials */
.mk-testimonial {
    padding: 0 !important;
}
.mk-testimonial .mk-svg-icon,
.mk-testimonial .flex-direction-nav li a {
    display: none !important;
}
.mk-testimonial .mk-testimonial-content {
    padding: 0;
}
.mk-testimonial .mk-testimonial-content p {
    text-align: center !important;
	margin-bottom: 40px;
}
.mk-testimonial.simple-style .mk-testimonial-author {
    font-size: 18px;
    font-weight: 400 !important;
	text-transform: capitalize !important;
}
.mk-testimonial .mk-testimonial-company {
    font-weight: 700;
}

.quote_tetimonials .mk-testimonial.boxed-style .mk-testimonial-content{
	background:#fafafa url(./images/quote.png) no-repeat 20px 30px;
}
.quote_tetimonials .mk-testimonial .mk-testimonial-content {
    padding: 45px 40px 40px!important;
}
.quote_tetimonials .mk-testimonial .mk-testimonial-content p{
	font-size:18px;
}

/* Let's Do This */
.letsdo_hldr p.vc_custom_heading {
    font-weight: 500;
}
/* Single Blog Page */
.mk-blog-single .blog-single-meta .mk-blog-author,
.mk-blog-single .blog-single-meta .mk-post-date,
.mk-blog-single .blog-single-meta .mk-post-cat {
	color: #333;
	font-weight: 700;
}
.mk-blog-single .blog-single-meta .mk-blog-author a,
.mk-blog-single .blog-single-meta .mk-post-date a,
.mk-blog-single .blog-single-meta .mk-post-cat a {
	font-weight: 400;
	font-style: normal;
	color: #333 !important;
}
.mk-blog-single .blog-single-meta .mk-blog-author a:hover,
.mk-blog-single .blog-single-meta .mk-post-date a:hover,
.mk-blog-single .blog-single-meta .mk-post-cat a:hover {
	color: #004f82 !important;
}
/* Archives */
.mk-blog-thumbnail-item.content-align-right .item-wrapper {
	padding-top: 0 !important;
}
.mk-blog-thumbnail-item .mk-blog-meta-wrapper {
    font-size: 14px;
}
.mk-blog-thumbnail-item h3 {
    margin-top: 5px !important;
}
.mk-blog-thumbnail-item .mk-blog-meta-wrapper a {
    color: #333 !important;
}
.mk-blog-thumbnail-item .mk-blog-meta-wrapper a:hover {
    color: #004f82 !important;
}
.mk-blog-thumbnail-item .mk-button-container .mk-button {
	font-size: 12px !important;
	color: #fff !important;
    background-color: #a9c071 !important;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 14px 28px;
    min-width: 150px;
	border: 0 !important;
	letter-spacing: 2px;
}
.mk-blog-thumbnail-item .mk-button-container .mk-button:hover {
	background-color: #5d95a2 !important;
}
/* Search */
.search h4.the-title a {
    font-size: 36px;
}
.search h4.the-title {
    margin-bottom: 0;
}
.search .search-loop-meta {
    font-size: 14px;
}
.search .search-loop-meta {
    font-size: 14px;
    color: #333;
    font-weight: 700;
    font-style: italic;
}
.search .search-loop-meta span a,
.search .search-loop-meta time a {
	color: #333 !important;
	font-weight: 400;
	font-style: normal;
}
.search .search-loop-meta span a:hover,
.search .search-loop-meta time a:hover {
	color: #004f82 !important;
}
/***************************************************************************************************
* Gravity Form stylings
***************************************************************************************************/
.gform_wrapper li.hidden_label input,
body .gform_wrapper .top_label div.ginput_container,
body .gform_wrapper ul li.gfield{
   margin-top:0px !important;
}
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, 
.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle{
   padding-top:0px !important;
}
.gform_wrapper input[type=email], 
.gform_wrapper input[type=password], 
.gform_wrapper input[type=search], 
.gform_wrapper input[type=tel], 
.gform_wrapper input[type=text], 
.gform_wrapper input[type=url], 
.gform_wrapper textarea{
   margin-bottom:0px !important;
}
.gform_wrapper textarea.medium,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	margin-bottom:20px !important;
}
.gform_wrapper .gfield_checkbox li input, .gform_wrapper .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_radio li input[type=radio]{
	vertical-align:top;
	margin-top: 5px !important;
}
.master-holder select:not(.gfield_select), .woocommerce select{
	padding-bottom:7px !important;
	padding-top:7px !important;
}
#respond input#submit:active, #review_form_wrapper input[type=submit]:active, .post-password-form input[type=submit]:active, .woocommerce-product-search button[type=submit]:active, .woocommerce-product-search input[type=submit]:active, .wpcf7-submit:active, a.button:active, button.button:active, input.button:active{
	top:0px;
}
.gform_wrapper .gform_footer .gform_button {
    font-size: 12px !important;
    letter-spacing: 2px;
    font-weight: 400;
    background-color: #a9c071 !important;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 14px 28px;
    min-width: 180px;
    font-family: Playfair Display;
}
.gform_wrapper .gform_footer .gform_button:hover {
	background-color: #5d95a2 !important;
}
/*************************************************
FONT STYLE AND SIZE
*************************************************/
.gform_wrapper textarea.medium,
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]){
	font-size:14px !important;
	padding: 7px 8px;
}

/*************************************************
ERROR
*************************************************/
.gform_wrapper div.validation_error{
	background:transparent !important;
	border:0px;
}
.gform_wrapper li.gfield.gfield_error, 
.gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning{
	background:transparent;
	border:0px;
	margin-bottom:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.gform_wrapper.gform_validation_error .field_description_below .gfield_description{
	padding-top:0px !important;
}



/***************************************************************************************************
* CHM element stylings
***************************************************************************************************/
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark p a, .dark li, .dark li a {
	color: #fff !important;
	text-transform: none;
}
.dark p a, .dark li a {
	color: #e2e2e2 !important;
	text-decoration: underline;
}
.dark p a:hover,  .dark li a:hover {
	color: #fff !important;
	text-decoration: none;
}
.intro{}
.section_notfullwidth{
	max-width:1140px;
	margin:0 auto;
}
/* CHM Holder */
.chm_intro_hldr .mk-text-block p {
    font-size: 27px;
    font-weight: 500;
}
/***************************************************************************************************
* Custom element stylings
***************************************************************************************************/
#mk-footer .widget_social_networks .mk-svg-icon {
    padding: 5px;
	height: 24px !important;
    width: 24px !important;
}
#chm-sub-footer{
	text-align:center;
}
.chm-boxed--footer {
    background: #09253d;
    padding: 15px 20px;
    color: #fff;
    font-size: 12px;
}
.chm-boxed--footer a {
    color: #fff;
}
.chm-boxed--footer a:hover {
    color: #65a1af;
}

/***************************************************************************************************
* Responsive stylings 11 Breakpoints
***************************************************************************************************/
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1140px) {
}	
@media only screen and (max-width: 1024px) {
}	
@media only screen and (max-width: 960px) {
	/* Fonts */
	.master-holder h1 {
		font-size: 60px !important;
		line-height: 60px;
	}
	.master-holder h2 {
		font-size: 50px !important;
		line-height: 50px;
	}
	.master-holder h3 {
		font-size: 30px !important;
		line-height: 30px;
	}
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
	/* Page Section */
	.page-section-content .wpb_column {
		padding: 0;
	}
	/* Fonts */
	.master-holder h1 {
		font-size: 50px !important;
		line-height: 50px;
	}
	.master-holder h2 {
		font-size: 40px !important;
		line-height: 40px;
	}
	.search h4.the-title a,
	.mk-blog-thumbnail-item h3 a,
	.master-holder h3 {
		font-size: 28px !important;
		line-height: 34px;
	}
	.master-holder h4 {
		font-size: 22px !important;
		line-height: 22px;
	}
	/* Banner */
	.banner_hldr .page-section-content {
		padding-top: 290px !important;
	}
	/* About | Our Work | Let's Do This */
	.about_hldr h2,
	.ourwork_hldr h2,
	.letsdo_hldr h2 {
		margin-bottom: 10px !important;
	}
	/* Blog Grid - Stories */
	.mk-blog-grid-item.three-column {
		width: 100% !important;
	}
	.mk-blog-grid-item .mk-blog-meta {
		min-height: 170px !important;
	}
	/* Archives */
	.mk-blog-thumbnail-item.content-align-right .item-wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	/* Gravity Form */
	.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{
		max-width: calc(50% - 16px) !important;
	}
}

@media only screen and (max-width: 641px) {
	.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]){
		line-height:1em;
	}
	.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_first, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_last, .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield span.name_middle{
		padding-top:0px !important;
	}
	.gform_wrapper .ginput_container span:not(.ginput_price){
		margin-bottom:0px !important;
	}
	.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half,
	div.ginput_complex.ginput_container.gf_name_has_2 span {
		width: 100%;
	}
	.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{
		max-width: calc(100% - 16px) !important;
	}

}
@media only screen and (max-width: 640px) {
	.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{
		max-width:100%!important;
	}
}
@media only screen and (max-width: 600px) {
}
@media only screen and (max-width: 550px) {
}
@media only screen and (max-width: 480px) {
	
}
@media only screen and (max-width: 320px) {
}