/*
Theme Name:   Divi Child Theme
Theme URI:    http://elegantthemes.com/
Description:  Divi Child Theme
Author:       Off the Page Creations
Author URI:   http://www.offthepagecreations.com
Template:     Divi
Version:      1.0.1
*/

@import url("../Divi/style.css");

.no-break {white-space:nowrap;}
.standout-text {
	font-family:'cinzel', serif;
	font-size:1.25em;
	font-weight:bold;
}
.tagline-block {
	height: 70vh !important;
}
.larger-tagline-main {
	font-size:64px;
	line-height:74px;
	font-weight:bold;
	color:#c59e5c;
	text-shadow: 1px 1px 2px #333;
}
.tagline-main {
	font-size:42px;
	line-height:52px;
	font-weight:bold;
	color:#c59e5c;
	text-shadow: 1px 1px 2px #333;
}
.tagline-secondary {
	font-size:36px;
	line-height:42px;
	font-weight:bold;
	font-style:italic;
	color:#fff;
	font-family:'cinzel', serif;
	text-shadow: 1px 1px 2px #333;
}
li.contact-buttonX:before {
    content: "813-917-3606";
	font-family:'cinzel';
	font-weight:bold;
	font-size:16px;
    position: relative;
	top:-6px;
	color:#c59e5c;
}
.et_header_style_left #et-top-navigation nav>ul>li>a {text-align:right;}
.service-icon {
	margin: 10px auto 12px auto;
	width:90%;
	max-width:100px;
	display:block;
	background-color:#0b5b97;
	border-radius: 50%;
	padding:12px;
}
.service-head {
	font-family:'cinzel', serif;
	font-weight:bold;
	font-size:22px;
	line-height:26px;
	text-align:center;
	margin-bottom:8px;
}
.service-description {
	
}
.survey-button {
	width:240px;
	background-color:#c59e5c;
	float:right;
	clear:both;
	margin: 100px 0 0 0;
	font-weight:bold;
	font-size:22px;
	line-height:26px;
	text-transform:uppercase;
	border:1px solid #012257;
	border-radius:9px;
	box-shadow: 4px 4px 4px 1px rgba(40, 40, 40, .4);
}
.survey-button a {
	width:100%;
	display:block;
	color:#fff;
	padding:10px;
	text-align:center;

}
.survey-button:hover {
	background-color:#012257;
}
.service-learn-more {
	color:#0b5b97;
	font-weight:bold;
	margin-top:12px;
	text-transform:uppercase;
	text-align:right;
}
.location-holder {
	color:#c59e5c;
	font-family:'cinzel', serif;
	font-style:italic;
	margin-bottom:30px;
	display:inline;
	line-height:30px;
}
.location-phone {
	width:178px;
	font-size:18px;
	line-height:22px;
	background-color:#000;
	padding:8px;
	margin:24px 0 18px 36px;
	font-style:normal;
	font-weight:bold;
	border-radius:9px;
	z-index:9999 !important;
	position: relative;
	white-space:nowrap;
	display:inline;
	text-align:center;
}
.location-phone a {
	color:#c59e5c;
}
.location-phone:hover {
	background-color:#c59e5c;
}
.location-phone a:hover {color:#000;}
#et-top-navigation {clear:both; display:block; float:right; text-align:right; }
nav#top-menu-nav {float:right; margin-top:24px;}

ul.sub-menu {margin-top:-70px;}
#top-menu li li a {
	width: 320px !important;
	padding: 6px 10px;
	background-color: #c59e5c !important;
	font-size:16px;
	line-height:20px;
}
.nav li ul {
	width: 360px !important;
}
.mobile_menu_bar:before {color:#fff !important;}
#et-top-navigation {min-height:195px !important;} /* Set min-height so logo stays in box on desktop view  */
.logo_container img {min-height:175px !important; min-width:157px !important;} /* Set width/height of dektop logo  */

.tiny-logo {width:50%; max-width:100px; float:left; margin: 0 18px 18px 0;}
.copyright-text {font-size:15px; line-height:17px; margin-top:4px; color:#fff; font-style:italic;}
.designer-text {font-size:14px; line-height:16px; margin-top:8px;}
.designer-text a {color:#ccc;}
.footer-head {
	font-family:'cinzel', serif;
	font-weight:bold;
	font-size:20px;
	line-height:24px;
	text-transform:uppercase;
	color:#fff;
}
.footer-call {font-weight:bold; font-size:16px; line-height:20px;}
.footer-call a {color:#c59e5c;}
.footer-phone {font-size:18px; line-height:22px; font-weight:bold;}
.footer-phone a {color:#c59e5c;}
.social-buttons {
	float:right;
	text-align:right;
	display:block;
	width:100%;
}
.social-label {color:#fff;}
.footer-profile-button {
	font-family:'cinzel', serif;
	font-weight:bold;
	width:200px;
	background-color: #c59e5c;
	margin:12px auto 6px 0;
	text-align:center;
	display:block;
	float:right;
	font-size:20px;
	line-height:24px;
	text-align:center;
}
.footer-profile-button a {
	width:100%;
	display:block;
	color:#000;
	text-transform:uppercase;
	padding: 12px 12px;
}
.footer-profile-button:hover {
	background-color:#000;
}
.footer-profile-button a:hover { color:#c59e5c; }
.quicklinks {
	font-size:16px;
	line-height:20px;
	margin-top:10px !important;
}
.quicklinks a {
	color: #c59e5c; 
}

.custom-5-3-1 .et_pb_column {
	width: 18% !important;
	margin-left:1% !important;
    margin-right: 1% !important;
	margin-bottom:3% !important;
	min-height:570px;
}
#main-footer {display:none;}
.photo-right {
	float:right;
	margin: 0 0 18px 18px;
	width:50%;
	max-width:600px;
}
.photo-right img {
	border-radius: 24px 0;
}
.photo-left {
	float:left;
	margin: 0 18px 18px 0;
	width:50%;
	max-width:600px;
}
.photo-left img {
	border-radius: 0 24px;
}
.photo-full {
	width:100%;
	max-width:600px;
	margin: 0 auto;
	display:block;
}
.photo-full img {border-radius: 24px 0;}
.photo-right-vertical {
	float:right;
	margin: 0 0 18px 18px;
	width:40%;
	max-width:400px;
}
.photo-right-vertical img {
	border-radius: 0 24px;
}
#main-header {
	background-image:url(https:/captainschoiceyachtmanagement.com/wp-content/uploads/2026/03/yacht-on-blue-water-scaled.jpg);
	background-position:0 0;
	background-size:auto;
}
.home #main-header {background-image:none;}
.top-block {min-height:200px;}
.page-header h1 {
	font-family:'raleway', san-serif;
	color:#fff;
	font-size:50px;
	line-height:56px;
	text-align:center;
	font-weight:bold;
	width:auto;
	margin:60px auto 0 auto;
	text-transform:uppercase;
}
.phage-header {

}
h3 {
	font-size:24px !important;
	line-height:28px !important;
	font-weight:bold;
}

/** Contact Form styles **/
.wpcf7 {
	background-color: #fff; 
	border: 2px solid #c59e5c;
 	padding: 24px;
	border-radius:24px 0;
}
.wpcf7-text {font-size:16px; color:#333 !important; }
.et_pb_contact_message {font-family: "Open Sans", Helvetica, Arial, sans-serif !important;}
.wpcf7 {margin-top:0 !important;}
.wpcf7-form-control {width:100% !important;}
.wpcf7-submit {
	width:150px !important; 
	display:block; 
	margin: 12px auto 0 auto; 
	background-color:#0b5b97; 
	border-color: #333; 
	font-size:1.0625em; 
	color: #fff; 
	cursor:pointer; 
	padding: 8px; 
	text-transform:uppercase; }
.wpcf7 input {
	box-shadow: inset 4px 4px 4px 1px rgba(0, 0, 0, .2);
}
.wpcf7 input[type='radio'] {
	box-shadow: none;
}
.wpcf7 select {
	padding:12px;
	box-shadow: inset 4px 4px 4px 1px rgba(0, 0, 0, .2);
}
.wpcf7-textarea {
	font-size:16px; 
	color:#333 !important;
	height:100px !important; 
	padding:12px; 
	box-shadow: inset 4px 4px 4px 1px rgba(0, 0, 0, .2);
}
input.wpcf7-text {padding:12px;}
.wpcf7-form div.wpcf7-response-output {
    background-color: #660000;
	color:#fff;
    border: 0;
    padding: 10px;
	text-align:center;
	font-style:italic;
	font-weight:bold;
}
.wpcf7 form .wpcf7-response-output {margin-top:6px;}
label {font-size:.875em !important; line-height:1em !important;}
.photo-for-mobile {display:none;}
.photo-for-desktop {display:block;}

/* MEDIA QUERRIES BELOW-------------------------------------------------------------------*/

/* 1.500px and below: Change to 3 Columns */
@media only screen and (max-width: 1500px) {
    .custom-5-3-1 .et_pb_column {
        width: 30% !important;
		margin-left:1.5% !important;
        margin-right: 1.5% !important;
    }
    /* Reset margins for 3rd, 6th, etc., columns */
    .custom-5-3-1 .et_pb_column:nth-child(3n) {
        margin-right: 0 !important;
    }
    /* Clear floats to prevent wrapping issues */
    .custom-5-3-1 .et_pb_column:nth-child(3n+1) {
        clear: left !important;
    }

}

/* 768px and below: Change to 1 Column (Stack) */
@media only screen and (max-width: 768px) {
    .custom-5-3-1 .et_pb_column {
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 20px !important; /* Optional spacing between stacked items */
		min-height:0;
    }
}

@media only screen and (min-width:1199px) and (max-width: 1299px) {
#top-menu li {
	padding-right: 8px !important;
	}
}

@media only screen and (min-width:981px) {
	.home .et_pb_section.et_pb_section_2 {
		background-image: url(https://captainschoiceyachtmanagement.com/wp-content/uploads/2026/03/ship-wheel.png) !important;
		background-repeat:no-repeat;
		background-size:auto;
		background-position:-100px 0;
	}
}
@media only screen and (max-width:1199px) {
	#et_mobile_nav_menu {display:block; float:none; margin-top:24px;}
	#top-menu-nav {display:none;}
	#main-header .et_mobile_menu {background-color:#fff !important;}
	#main-header .et_mobile_menu a {color:#000 !important;}
	ul.sub-menu {margin-top:0px;}
	#et-top-navigation {text-align:left;}
	.et_header_style_left #et-top-navigation .mobile_menu_bar {text-align:right;}
	.et_mobile_menu li a {font-size:16px; line-height:20px;}
}
@media all and (max-width: 1099px) {
	div.location-holder {display:block !important; text-align:left !important; margin-bottom:10px;}
	div.location-phone {display:block !important; margin:0 0 18px 0;}
	.survey-button {margin:280px 0 0 0;}
}
@media all and (max-width: 980px) {
	.et_pb_row { padding-top: 0 !important; }
	.photo-left, .photo-right {width:100%; display:block; margin: 18px auto; float:none;}
	.photo-for-mobile {display:block !important;}
	.photo-for-desktop {display:none !important;}
}
@media all and (max-width: 780px) {
	header .container {width:92%;}
	.larger-tagline-main { font-size:44px; line-height:48px;}
	.tagline-main { font-size:28px; line-height:32px; }
	.tagline-secondary { font-size:22px; line-height:26px;}
	.survey-button {width:220px; margin:40px 0 0 0; font-size:18px; line-height:22px; float:left;}
	.tagline-block 	{height: 50vh !important;}
	.tagline-holder {margin-top:-40px;}
}
@media all and (max-width: 700px) {
	.photo-right-vertical { width:100%; float:none; margin: 18px auto 18px auto; display:block;	}
}
@media all and (max-width: 479px) {
	.location-holder { font-size: 16px;	line-height: 20px;	}
	.location-phone { font-size: 16px;	line-height: 20px; width: 152px; }
	.quicklinks {text-align:center;}
	.footer-head {text-align:center;}
	.footer-profile-button {margin:0 auto; display:block; float:none;}
	.social-buttons {margin:0 auto; display:block; float:none; text-align:center;}
	.home .et_pb_gutters1 .et_pb_column, .et_pb_gutters1.et_pb_row .et_pb_column.et_pb_column_1_5 {margin:18px !important;}
	.page-header h1 {font-size:38px !important; line-height:42px !important;}
}
@media all and (max-width: 370px) {
	div.location-phone {float:right;}
}