/*
Theme Name: Dole Soft Serve
Theme URI: https://www.dolesoftserve.com/
Version: 0.3
Author: Dole Soft Serve
*/



html{
	/* background:url(assets/images/cloud-lrg-bottom.jpg) bottom repeat-x; */
	-ms-overflow-style: scrollbar;/*auto | none | scrollbar | -ms-autohiding-scrollbar*/
}

body {
	background:url(assets/images/bg-main.jpg) no-repeat fixed center;
	padding-top:1px;
	font-family: 'Lato', sans-serif !important;
	}
	
a { text-decoration: none; color: #011689; }

/* Modal styles */
.modal-backdrop { z-index: 450 !important;}
.cloudcontent-1b { z-index: 0 !important;}

/* Accordion styles */
.accordion-button { font-weight:bold; font-size:20px; }
.accordion-button:not(.collapsed) { color:#000; background-color:#fff; }
.accordion-item { margin-bottom:5px; }

/* Hamburger Menu Flyout */
div#hamgburer-menu { position: relative; z-index:9999; } 
.dropdown-toggle { padding: 0; }
ul.dropdown { 
	width:200px;
	display: none; 
	position: absolute; 
	top:35px;
	right:0; 
	padding: 5px 5px 0 0;
	margin-top:5px;  
}

.title-header { 
	text-align:center; 
	margin-top:-30px; 
	margin-bottom:20px;  
	margin-right:0px !important;
	margin-left:0px !important;
}

/*.title-header {
	color:#FFF;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	background-color: purple;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	padding:20px;
	margin-top:-40px;
	margin-bottom:30px;
	margin-right:0px !important;
	margin-left:0px !important;
}*/

.panel-default { 
	border-color: #ff9e1b;
}

.panel-heading {
	background-color:#ff9e1b !important;
	color: #fff !important;
}

.panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-body {
	background-color: #ff9e1b;
	border-top-color: #ff9e1b !important;
}

.panel-title a {
    display: block;
    padding: 10px 15px;
    margin: -10px -15px;
    text-decoration:none;
}
	
.btn-list { 
	padding: 2px !important;
	line-height: 1.2 !important;
	border: none;
	font-size: 24px;
	color: #00457E;
	font-weight: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	z-index:1 !important; 
	cursor: pointer;
	}
/* 
.modal-dialog {
    width: 70%!important;
	;
   }
 */  

.modal-body {min-height:200px !important}   

.modal-heading {
	color: #d8585d;
	font-family: 'Lato', sans-serif;
	font-size:32px;
	padding:15px 0 0 0;
	margin-right:0;

	}
	
.modal-title {
	color:#048d97;
	font-size:16px;
	padding-bottom:6px;
	}

	
.modal-txt {
	font-size: 14px;
	margin-bottom:0 !important;
	}
	
.int-dist-h3 {cursor:pointer;}

.int-dist-info {
	padding-bottom:20px;
	}
	
/* end Modal styles */	

.navbar-fixed-top{
	background:url(assets/images/cloud-lrg-top.jpg) repeat-x #ffffff fixed;
	}

#social{
	margin:0 0 40px 0;
  padding:0 2px;
  }

	#social img{
		margin-right:3px;
		}
		
		.social-icon {
			padding: 0 5px;
		}
	
	#social-header {
		background-color: #75BC20;
		padding:10px;
		float:right;
		width:210px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		margin-top: -1px;
		margin-right: 15px;
	}

	#social-header span {
		color: #FFF;
		font-size: 18px;
		font-family: 'Lato', sans-serif;
		font-weight: bold;
		line-height: 35px;
		padding-left: 8px;
	}
	
	#social-header-menu {
		background-color: #011689;
		padding-top:8px;
		padding-bottom:15px;
		text-align:center;
		border-top-right-radius:10px;
		border-bottom-left-radius:10px;
		width:200px;
	}
	
#header img{
	display:block;
	margin:0 auto;
	max-width:100%;
}

div .outer {
	height:462px;
	position:relative;
}

div img.centered {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.bg-white {
	background-color:#fff;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
	padding:20px;
	margin-left:0px;
	margin-right:0px;
}

.marketing {
	margin-left:0px;
	margin-right:0px;
}

.marketing > div {
	background-color: rgba(117, 188, 32, 0.8);
	text-align:center;
	color:#74bd43;
	padding:30px 10px 20px 10px;
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
}

.marketing div .caption {
	margin-top:10px;
	line-height:1.2 !important;
	font-weight:bold;
}

.marketing div a {
	color:#000;
	text-transform:uppercase;
	font-size: 16px;
}

.marketing-row {
	margin-bottom: 50px;
}

.nav{
	margin:50px 0 0 0;
}

	.nav-stacked>li+li {
		/*
    margin:10px auto !important;
    */
    margin:10px 0 !important;
		}

	.nav ul li{
		margin:5px 0 5px 10px;
		list-style-type:none;
		font-family: 'Lato', sans-serif;
		font-weight: bold;
		}
		
.prod-info, .serv-sugg, .pos-mat, .rebates, .newsletters, .wp-menu li:not(.not-prod-info){
	background-color: rgba(65, 182, 230, 0.9);
	color:#011689;
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	text-align:center;
	width:100%;
  	xpadding-left:20px !important;
  	width:200px;
	border-top-right-radius: 10px !important;
	border-top-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 10px !important;
	white-space: nowrap;
}

.busgroup-phone {
	display:none;
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translate( -50%, -50% );
	z-index: 2;
}

.busgroup-beachbg {
	display:none;
}

#businessgroup img {
	border-top-right-radius:30px;
	border-bottom-left-radius:30px;
}

.text-overlay-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.text-overlay {
    position: absolute;
    top: 5%;
    left: 35%;
    padding: 20px;
    width: 60%;
}

.text-overlay p {
    font-size: 19px;
	line-height: 1.5;
	margin:0;
	color: #000;
}

.text-overlay p.header {
    font-size: 35px;
	font-weight:bold;
}

.join-today-button {
	margin-top:20px;
}

.bordered {
	border:2px solid #960051;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
}

.green-box {
	background:#52b949;
	border-radius:4px;
	}
		
	form.contact-form{
		background-color: rgba(255, 88, 93, 0.8);
		color:#ffffff;
		border-top-right-radius:30px;
		border-bottom-left-radius:30px;
		padding:10px;
		padding-bottom:5px;
		}
		
	form.contact-form p{
		color:#ffffff;
		}
		
	.help-block{
		color:#000000;
		}
	
h1{
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size:34px;
	text-transform: uppercase;
	text-align:center;
}

h2{
	font-size:28px;
	font-family: 'Lato', sans-serif;
}
	
	
h3{
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:20px;
	}
	
	
h4{
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:18px;
	}
	

h5{
	font-family: 'Lato', sans-serif;
	font-weight:bold;
	font-size:16px;
	padding:0 0 10px 0;
	}
	
.thumbnail img{
	margin-bottom:10px;
	}
	
.thumbnail .caption{
	padding-top:0;
	}
	
ol{
	}

.main-content {
  min-height:400px;
  }
	
ol li, .main-content ul li{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	line-height:24px;
	padding:10px 0 10px 0;
	list-style-type:decimal;
	}


.nav-tabs{
	margin:20px 0 15px 0;
	}
	
	.nav-tabs li{
		padding-bottom:0 !important;
		}
		
		.nav-tabs li a{
			background-color:#EBEBEB;
			}
		
		.nav-tabs li.active a, .nav-tabs li.active a:hover{
			background:#fff;
			}

.main-content.home{
	min-height:650px;
	}
	
.cycle-slideshow{
	width:100%;
	}
	
	.cycle-slideshow img{ cursor:pointer; min-width:100%!important;}

p.home{
	font-family: 'Lato', sans-serif;
	font-size:20px;
	line-height:24px;
}


p{
	font-family: 'Lato', sans-serif;
	font-size:19px;
	line-height:22px;
	padding:10px 0 10px 0;
	}
	
	
.prod-info-icons{
	max-width:100%;
	margin:90px 0 0 0;
	}
	
	
table th, table td {
	color: #fff;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	}

.privacy table td {
	color: #000;
}
	
.main-content img{
	max-width:100%;
}


.thumbnail h3 a{
	color:#52b949;
	}
	
.locator-box {
  padding:10px 15px;
  }

.dole-footer{
	width:100%;
	height:273px;
	/* background:url(assets/images/cloud-lrg-bottom.jpg) repeat-x; */
}

	.dole-footer-copy{
		background-color: rgba(255, 255, 255, 0.75);
		text-align:left;
		font-weight: bold;
		margin-top: 20px;
		padding: 15px;
		padding-left: 20px !important;
		border-top-right-radius: 30px;
		border-bottom-left-radius: 30px;
	}
		
	.dole-footer-copy a { xtext-decoration: none; color: #011689; }

	.dole-footer-copy p{
		width:auto;
		color:#000000;
		font-family: 'Lato', sans-serif;
		font-size:12px;
		line-height:16px;
		padding:0;
		margin:0;
	}
	
	.ast-copy {
		width:auto;
		xcolor:#0054a6;
		font-family: 'Lato', sans-serif;
		font-size:13px;
		line-height:16px;
		padding:0;
		margin:0;
	}
  
  
.zip-txt-input {
  display:inline;
  width:80px;
  height:28px;
  border:none;
  font-size:12px;
  margin-top:5px;
  margin-right:5px;
  }

#go-submit-btn {
	display:inline-flex;
	background-color:#75BC20;
	color:#fff;
	padding:3px 10px;
	height: 28px;
	font-weight: bold;
	cursor: pointer;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-transform: uppercase;
	border: none;
}

.dx-gallery {
	border: none !important;
	max-width: 100%;
}

.dx-gallery-wrapper {
	border-top-right-radius: 50px !important;
	border-bottom-left-radius: 50px !important;	
}

.dx-widget dx-gallery-nav-button-next::after {
	border-top-right-radius: 30px !important;
}

.dx-accordion {
	background-color: transparent !important;
}

.dx-accordion-item {
	background-color: #ff9e1b !important;
	border: none !important;
	border-top-right-radius: 15px;
	border-bottom-left-radius: 15px;
	margin-bottom:10px;
	padding-left: 20px;
	font-family: 'Lato', sans-serif;
}

.dx-accordion-item-title {
    color: #fff !important;
	font-size: 18px !important;
	font-weight: bold;
	height:40px;
}

.dx-accordion-item-title::before {
	font-size: 20px !important;
	font-weight: bold !important;
	padding-right: 15px !important;
}

.dx-accordion-item-body {
	color: #fff;	
}

.dx-accordion-item-body a {
	color: #011689;
}
  
.btn-zip {
  height:35px;
  margin-top:-1px;
  padding-left:6px;
  padding-right:6px;
  border-color:#A2D0EA;
  }

/* cookies, agree to policy */
#popup{
	position:fixed; 
	bottom:0; 
	left:0; 
	width:100%; 
	background:#d10000;
	z-index: 1500;
	padding:10px;
}

	#popup-content{
		width:80%;
		color:#ffffff;
		margin:auto;
	}

		#popup-content a{
			color:#ffffff;
			font-weight:bold;
		}

	#popup-close{
		display:inline-block;
		background:white;
		text-align: right;
		cursor:pointer;
		color:#000000 !important;
		padding:6px;
		
		
	}

	#popup-content div#txt{
		width:80%;
		float:left;
		color:#ffffff;
		font-size:16px;
		margin:auto;
	}

	#popup-content div#btn{
		width:20%;
		float:right;
		text-align:right;
		padding-top:3px;
	}

/* ------------------------------------------------------------- */
		
/* media queries
-------------------------------------------------- */
@media(max-width:1199px) {
	.text-overlay {
		top: 4%;
	}
	
	.text-overlay p {
		font-size: 16px;
	}
	
	.text-overlay p.header {
		font-size: 25px;
	}
}

@media(max-width:1000px) {
	#bg-join-button {
		height:94px !important;
		margin-bottom:20px;
	}
	
	.nav {
		display:none;
	}
	
	#social {
		display:none !important;
	}
	
	#social-sm {
		display:block !important;
	}
	
	#inspo-row-1-opt-1, #inspo-row-2-opt-1, #inspo-row-3-opt-1 {
		display: none;
	}
	
	#inspo-row-1-opt-2, #inspo-row-2-opt-2, #inspo-row-3-opt-2, #inspo-row-4-opt-2, #inspo-row-5-opt-2 {
		display: block !important;
	}
	
	#prod-info-row-1-opt-1, #prod-info-row-2-opt-1, #prod-info-row-3-opt-1 {
		display: none;
	}
	
	#prod-info-row-1-opt-2, #prod-info-row-2-opt-2, #prod-info-row-3-opt-2, #prod-info-row-4-opt-2, #prod-info-row-5-opt-2 {
		display: block !important;
	}

	.marketing-row {
		margin-bottom: 30px;
	}

	.marketing-col {
		margin-bottom:30px;
	}
}

@media(min-width:992px){
	.btn-zip {
		margin-top:-1px;
	}

	#header{
		position:absolute;
		z-index:400;
		max-width:300px;
	}
	
	.dole-footer-copy{
		padding-left:20px !important;
	}
	
	section{
		padding-top:115px;
		margin-top:-115px;
	}
}

@media(max-width:767px) {

	body{
		padding-top:1px;
	}

	.navbar-fixed-top {
		position:relative !important;
	}

	.busgroup-phone {
		display:block;
		margin-bottom:20px;
	}
	
	.busgroup-beachbg {
		display:block;
		height:600px;
	}

	.busgroup-phone-beachbg {
		display:none;
	}
	
	.text-overlay {
		top: 70%;
    	left: 50%;
		width: 90%;
    	transform: translate(-50%, -50%);	
	}
}

@media(max-width:575px) {
	.text-overlay p {
		font-size: 14px;
	}
	
	.text-overlay p.header {
		font-size: 20px;
	}

	.join-today-button {
		width:30%;
		margin-top:5px;
	}
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 25px;
}
#footer {
  position: relative;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 273px;
  background-color: none;
}

/* responsive video */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen { padding-bottom: 57.25%; }
.flex-video.vimeo { padding-top: 0; }

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {
  .flex-video { padding-top: 0; }
}

#newsletter-form { xcolor: #0054a6;}

.form-horizontal .control-label {
    text-align: left;
}



/* Menus */
#menu-footer-top, #menu-footer-bottom {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#menu-footer-top li, #menu-footer-bottom li {
  display: inline;
  font-size: 12px;
  line-height: 16px;
}
#menu-footer-top li:after, #menu-footer-bottom li:after {
  content: '|';
  padding: 0 0 0 2px;
}
#menu-footer-top li:last-child:after, #menu-footer-bottom li:last-child:after {
  content: '';
}

/* Gravity Forms */
.contact-form {
  padding: 32px 16px !important;
}
.gform-theme--foundation .contact-form .gform_fields {
  grid-row-gap: 16px !important;
  row-gap: 16px !important;
}
.gform_wrapper .gfield_label, .gfield_required.gfield_required_text, .gform-field-label.gform-field-label--type-sub {
  color: #fff !important;
  font-weight: 700 !important;
}
.gform_button.gform_image_button {
  background-color: transparent !important;
}
.gform-theme--framework .gform_validation_errors {
  background-color: rgba(0,0,0, .5) !important;
}
.gform-theme--framework .gform_validation_errors .gform_submission_error, .gform-theme--framework .gform_validation_errors ol a, .gfield_description.validation_message.gfield_validation_message, .gform-theme--framework .gform_validation_errors ol, .gform-theme--framework .gform_validation_errors .gform-icon {
  color: #fff !important;
}
.gform-theme--framework .gform_validation_errors .gform-icon {
  border-color: #fff !important;
}