/*
Theme Name:  JCH Marine Supplies
Theme URI:   https://www.jchmarineoffshore.com
Version:     1.0
Description: This is a custom child theme created for JCH Marine Supplies.
Author:      webmaster
Author URI:  https://www.yellowcircle.co.uk
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

.page-id-8 .et_pb_section_3 {min-height: 750px!important;}

/****************************************************************
*				          Structure								*
*****************************************************************/
.et-social-icon.et-social-rss {display: none;}

.about-us-boxes {margin-top: -60px;}

.added-margin-left {margin-left: 70px;} /*adds left margin */
.text-center {text-align: center;} /*centers text*/
.text-uppercase {text-transform: uppercase;} /*makes text capital*/
.remove-padding-top {padding-top: 0px!important;}

/****************************************************************
*						  Navigation							*
*****************************************************************/
/*adds margin to phone number and makes default text bigger*/
/*#et-info-phone {margin-left: 900px; font-size: 16px;}
#top-header a {font-size: 15px;}


/****************************************************************
*						   Footer	                            *
*****************************************************************/
/*styles text in footer*/
.footer-text {color: #072B4F; font-size: 0.9rem;}

#footer-bottom a {color: #072B4F;}

.footer-icons {color: #01274D; font-size: 34px; padding: 0px 15px;}
#main-footer {display: none!important;}
.footer {padding: 0px 0px!important;}

 /***************************************************************
*						Typography								*
*****************************************************************/
body, html {font-family: 'Source Sans Pro', sans-serif;}

/*h2 {font-size: 28px!important; line-height: 1.2em!important;}*/

/*about us 3 boxes */
.rely-on-us-h2 {margin-top: 16%;}
.rely-on-us-p {font-size: 1.25rem;}
.worldwide-service-h2 {margin-top: 16%;}
.worldwide-service-p {font-size: 1.25rem;}
.products-you-need-h2 {margin-top: 16%;}
.products-you-need-p {font-size: 1.25rem;}

/*testimonials*/
.testimonial-p {font-size: 1.5rem; padding-top: 506px; line-height: 1.7em;}
.testimonial-name {font-size: 1.5rem; padding-top: 3%; padding-bottom: 50px!important;}

.certification-h2 {padding-top: 12%;}
.certifcations-p {font-size: 1.25rem;}

.logo-images img {padding-right: 68px!important; max-height: 100px; width: auto;}
.logo-images img:last-of-type {padding-right: 0px!important;}

/* Contact Us Page*/
.contact-main-title {padding-top: 100px; padding-bottom: 380px;}
.we-aim-to {font-size: 1.25rem; margin-bottom: 10px;}
#email-adress-icon {margin-right: 20px; margin-bottom: 124px; float: left;}
#address-icon {margin-right: 20px; margin-bottom: 33px; float: left;}
.contact-details i {margin-right: 20px;}
.contact-details p, .contact-details a {color: #01274D!important;}

.red-fa-icons {font-size: 1rem; color: #DE1924;}

/*brands page*/
.brands-title {font-size: 2.125em!important;}
.brands-text {font-size: 1rem;}

/*Products page*/
.products-main-header h2  {font-size: 2em; font-weight: 500; text-transform: uppercase; color: #fff; text-align: center; margin-top: 5%;}
.products-main-header #main-banner-call-us-text {font-size: 32px; font-weight: 500; text-transform: uppercase; color: #fff; text-align: center; margin-top: 5%; padding-bottom: 400px;}
.products-intro-text {font-size: 1.125rem; text-align: center; color: #072B4F; line-height: 1.5em; margin-top: -3%;}
.products-blurbs .et_pb_module_header  {background-color: #01274D; padding: 15px 5px;}
.products-blurbs .et_pb_blurb_content {line-height:0;}
.products-blurbs .et_pb_main_blurb_image {margin-bottom:0px;}
.to-place-an-order {text-align: center; color: #fff; font-size: 28px; text-transform: uppercase;}
.products-section #border .et_pb_main_blurb_image {border: 1px solid #707070!important;}
.product-logo-section img {max-height: 90px!important; width: auto!important;}

/*JCH Product*/
.jch-products-main-heading h2 {font-size: 2rem; text-transform: uppercase; font-weight: 500; text-align: center; color: #fff; padding-top: 120px; padding-bottom: 370px;}
.jch-product-into-text {font-size: 1.125rem; text-align: center; color: #072B4F; line-height: 1.5em; margin-top: -3%;}
.we-wont-compromise h4 {font-size: 1.25rem; text-transform: uppercase; font-weight: 600; color: #DE1924; text-align: left;}
.we-wont-compromise p {font-size: 1rem; text-align: left; line-height: 1.5em; margin-top: 1%;}

/*Brand inner pages
.brands-main-intro h2 {font-size: 2.125rem!important; font-weight: 500; text-align: center; color: #072B4F; text-transform: uppercase;}
.brands-main-intro p {font-size: 1rem; text-align: center; line-height: 1.5em; color: #072B4F; margin-top: 2%;}
.brands-company-description h2 {font-size: 2.125rem!important; color: #072B4F;}
.brands-company-description p {font-size: 1rem; line-height: 1.5em; color: #072B4F; margin-top: 2%;}
.brands-company-logo {border: 1px solid #707070;}
.banner-section {margin-top: -5%!important;}
.brands-bottom-banner h2 {font-size: 2rem!important; color: #fff; margin-bottom: 2%; text-align: center; text-transform: uppercase; padding-top: 280px;}
.brands-bottom-banner h3 {font-size: 1.75rem!important; color: #fff; text-align: center; text-transform: uppercase; line-height: 1.6em; padding-bottom: 60px;}
.contact-form-text h2 {font-size: 1.75rem!important; color: #042A53; text-transform: uppercase; margin-bottom: 2%;}
.contact-form-text p {font-size: 1.25rem!important; color: #042A53; margin-bottom: 5%;}
.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper {display: none;}/*hides meta details on brand posts*/

/*Product Page Inner
.product-inner-page h2 {font-size: 2rem!important;}
.product-inner-page p, .product-inner-page li {font-size: 1.2rem!important; line-height: 1.8em;}
.product-inner-page ul {padding-top: 2%;}
*/
/*Tender Opportunity*/
.tender-opportunity-main-content .et_pb_blurb_content {float: left!important;}

/***************************************************************
*						Colours									*
*****************************************************************/
.fg-white {color: #fff;}
.fg-black {color: #000;}
.fg-dark-blue {color: #072B4F;}

/****************************************************************
*						Links									*
*****************************************************************/

#top-menu li li a {font-size:14px; width:300px;}
.nav li ul {width:300px;}
.et_mobile_menu {border-top: 3px solid #DE1924;}
.mobile_menu_bar:before {color:#DE1924;}

/****************************************************************
*						Lists			          			    *
*****************************************************************/



 /***************************************************************
*						Images									*
*****************************************************************/
/*adds border to all images on brands page */
/*.brands-logo-images {border: 1px solid #969696;}*/


 /***************************************************************
*						Sliders									*
*****************************************************************/
/*hides date and catergory from slider on homepage*/
#carousel-206 .rpc-date {display: none;}
.wcp-carousel-main-wrap .rpc-post-carousel4 .rpc-post-category {display: none!important;}
.wcp-carousel-main-wrap .rpc-post-carousel4 .rpc-post-image {padding: 15px;}


/****************************************************************
*						Forms									*
****************************************************************/
/*adds - margin to form on contact page */
form {margin-top: -20px;}
/* styling form */
input[type=text] {border: 2px solid #DE1924; background-color: #fff; color: #000; padding:3%; width: 100%;}
input[type=email] {border: 2px solid #DE1924; background-color: #fff; color: #000; padding:3%; width: 100%;}
textarea {border: 2px solid #DE1924; background-color: #fff; color: #000; width: 100%;}
.wpcf7-submit {background-color: #DE1924; color: #fff; border:none; padding: 10px 20px; cursor: pointer; float: right; font-weight:bold; font-size:16px;}

/****************************************************************
*                       Timeline                                *
****************************************************************/



/****************************************************************
*						Buttons								    *
*****************************************************************/
/*button on main banner*/
.et_pb_button#see-our-products {background-color: #EFEFEF; border: 1px solid #707070; color: #000000; border-radius: 0px; margin-bottom: 400px;}

/*the three red buttons on homepage*/
.et_pb_button.red-button {background-color: #E12F39; border: 1px solid #E12F39; color: #fff!important; border-radius: 0px; margin-top: 2%;}

/*button at bottom of brands page*/
.et_pb_button#brand-red-button {background-color: #DE1924; border-color: #DE1924; border-radius: 0px; color: #fff; font-size: 16px;}

/*brands inner pages*/
.full-list-of-brands-button {background-color: #DE1924; border-color: #DE1924; border-radius: 0px; color: #fff!important; font-size: 1rem;}

.products-back-button {border-color: #01274D; border-radius: 0px; color: #01274D!important; font-size: 1rem;}
/****************************************************************
*						Custom Styles					        *
*****************************************************************/
#homevideo video {object-fit:cover !important;}
.et_header_style_left .logo_container {min-height:150px; width:100%; height:100%; position:absolute;}
#logo {margin-top:10px;}
#et-info-email, #et-info-phone {font-size:14px;}
.et_post_meta_wrapper {display:none;}


/****************************************************************
*			Smartphones in portrait mode (0-479px)				*
*****************************************************************/
@media only screen and (max-width: 479px) {
	.container.clearfix {padding-bottom: 2%;}
	#logo {max-height: 72%!important;}
	
	#et-info-phone, #et-info-email {float: none!important;}
	#et-info-email {margin-right: 0px!important;}
	.mobile_menu_bar:before {color: #072B4F!important; top: 6px;}
	#mobile_menu {margin-top: 8px; border-top: #072B4F;}

	.homepage-main-title {padding-top: 100px!important; font-size: 40px;}
	.our-clients-section {margin-top: -120px;}
	.about-us-section {margin-top: -50px;}
	.certification-section {margin-top: -90px;}
	.certification-h2 {text-align: center;}
	.certification-p {text-align: center;}
	.et_pb_button.red-button {background-color: #072B4F;}
	.logo-images img {display: block!important; margin: 15px auto!important; padding-right: 0px!important;}
	.et_pb_button#brand-red-button {display: block; margin: 0 auto; text-align: center;}
	
	/*products*/
	.products-main-header#main-banner-call-us-text {padding-bottom: 0px!important;}
	
	/*footer*/
	#footer-bottom a {margin-top: 10%;}
}
	
/****************************************************************
*			Smartphones in landscape mode (480-768px)			*
*****************************************************************/
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#et-info {float:left;}
	#logo {max-height:80%;}
	.homepage-main-title {padding-top: 100px!important; font-size: 40px;}
	
	.our-clients-section {margin-top: -150px;}
	.about-us-section {margin-top: -50px;}
	.certification-section {margin-top: -90px;}
	
	.certification-h2 {text-align: center;}
	.certification-p {text-align: center;}
	
	.et_pb_button.red-button {background-color: #072B4F;}

	.logo-images {display: block; margin: 0 auto;}
	
	
}

/****************************************************************
*                    Iphone X landscape                         *
****************************************************************/
@media only screen and (min-width: 811px) and (max-width: 813px) {
	
	.homepage-main-title {padding-top: 100px!important; font-size: 40px;}
	
	.our-clients-section {margin-top: -150px;}
	.about-us-section {margin-top: -50px;}
	.certification-section {margin-top: -90px;}
	
	.certification-h2 {text-align: center;}
	.certification-p {text-align: center;}
	
	.et_pb_button.red-button {background-color: #072B4F;}
	
	.added-margin-left {margin-left: 0px!important;}
	
}

/****************************************************************
*			 Tablets in portrait mode (768-980px) 		        *
*****************************************************************/
@media only screen and (min-width: 768px) and (max-width: 980px) {
	
	#logo {max-height: 100%!important;}
	.container.clearfix.et_menu_container {padding-bottom: 0;}

	.homepage-main-title {padding-top: 100px!important; font-size: 40px;}
	
	.our-clients-section {margin-top: -150px;}
	.about-us-section {margin-top: -50px;}
	.certification-section {margin-top: -90px;}
	
	.certification-h2 {text-align: center;}
	.certification-p {text-align: center;}
	
	.et_pb_button.red-button {background-color: #072B4F;}
	
	.added-margin-left {margin-left: 0px!important;}
	
	/*products*/
	.products-blurbs .et_pb_module_header {max-width: 73%; margin: 0 auto; margin-top: -6%;}

}


/****************************************************************
*			Tablets in landscape mode (981-1100px)				*
*****************************************************************/
@media only screen and (min-width: 981px) and (max-width: 1100px) {
	
	/*products*/
	.products-blurbs .et_pb_module_header {margin-top: -12%;}	
}

/****************************************************************
*			Laptops and desktops (1100-1405px)					*
*****************************************************************/
@media only screen and (min-width: 1100px) and (max-width: 1405px) {
 	
.et_pb_column_4_4 .cd-timeline-content {background-color: #225AA9!important;}
	
	/*img#logo {padding-top: 8px; padding-bottom: 8px;}*/
	
}
/****************************************************************
*			Large screens (1405px upwards)					    *
*****************************************************************/
@media only screen and (min-width: 1405px) {

.et_pb_column_4_4 .cd-timeline-content {background-color: #225AA9!important;}
	
	/*img#logo {padding-top: 8px; padding-bottom: 8px;}*/
	
}