/*
Theme Name: Cool Tropics
Description:
Version: 1.0
Author: Radar Media
Author URI: http://www.radarmedia.com
Template: enfold
*/



/*Add your own styles here:*/

/* see also custom.css in enfold theme folder */



/* START CATEGORY IMAGE TITLES */

.woocommerce-loop-category__title, h2{
font-size:14px !important;
text-align:center;
font-family:Arial !important;
letter-spacing: 0px !important;
margin-bottom:14px !important;
color:#555 !important;
}

.woocommerce-loop-product__title, h2{
font-size:14px !important;
text-align:center;
font-family:Arial !important;
letter-spacing: 0px !important;
color:#555 !important;

}

.woocommerce-breadcrumb .del {
	color: #2B3689;
}




/* END CATEGORY IMAGE TITLES */


/* menu line position */
/* .avia-menu-fx { bottom: 20px; } */
/* menu line position */



/* Hides the Add to Cart button on the thumbnail pages */
.woocommerce .products .add_to_cart_button {
	display: none!important;
}
/* Hides the Add to Cart button on the thumbnail pages */



.header_bg { opacity: 1 !important; }


/* Broker menu */
.widget ul li a {
color:#999;
}
/* Broker menu */



/* top menu drop-down

.header_color .main_menu ul ul {background-color:#fff !important; color: #000;}

.header_color .main_menu .menu ul li a { background-color:#fff !important; color: #000; }

.header_color .main_menu .menu ul li a:hover { background-color:yellow !important; color: #000;}

top menu drop-down */


#ct-icons{
width:60px;height:60px;
vertical-align:middle
}

#ws-icons{
width:104px;height:104px;
vertical-align:middle
}


/* Style Testimonials */

.avia-slider-testimonials .avia-testimonial-arrow-wrap { display: none; }
.avia-slider-testimonials .avia-testimonial-content { border-style: none; background:transparent !important;}

/* Style Testimonials */


/* Style FAQ */

.toggler .toggle_icon { background: var(--wpr-bg-4d24a62c-e492-43e9-a5a2-468725d97717); }
.activeTitle .toggle_icon { background: var(--wpr-bg-6aa34e3a-9f3d-406a-810d-d8e496c8a5e8) !important; }

/* Style FAQ */


/* Style Form */

#top .main_color input[type='text'] { 
background-color: #ffffff; 
color:#777;
/* padding:7px !important; */
}
#top .main_color textarea {
background-color: #ffffff; 
}

#top select{
background-color: #ffffff; 
padding:3px !important;
width:auto !important;;
}

/* Style Form */


/* START ACCORDION STYLING */

/* toggler */
.main_color .toggler, .main_color .toggler.activeTitle:hover {
/*background: #8ec73f;
background-color: #8ec73f;
border-color:#8ec73f; */
background: transparent;
color:#000;
font-weight:bold;
font-size:16px;
border:none;
}

.main_color .toggler:hover {
color: #fff;
background: #0055a2;
}


/*toggler content background */
.main_color .toggle_content {
background-color: #fff;
/* background: transparent; */
color:#000;
border:none;
}

.toggle_icon .vert_icon, .toggle_icon .hor_icon, span.toggle_icon {
/*border-color: #dcecf9;
border-color: transparent; */
border:none !important;
}

/* END ACCORDION STYLING */


/* Adjust drop-down position mega menu*/

/* #header .avia_mega_div{
border-top-width:1px; border-top-style: solid; border-top-color: #fff; margin-top:-23px;
} */

/* Adjust drop-down position mega menu*/


.container_wrap { border-top: none !important; }


/* .image-overlay-inside, .image-overlay.overlay-type-extern {
display: none;
}

.avia_transform a:hover .image-overlay {
opacity: 0.4 !important;
}  */


/* Bottom sprites */


a.p_1 {
	display: block;
	width: 150px;
	height: 163px;
	text-decoration: none;
	background: var(--wpr-bg-709a50b8-b80c-4f1a-a51c-e1907124c510);
	}

a.p_1:hover {
	background-position: -150px 0;
	}

a.p_2 {
	display: block;
	width: 150px;
	height: 163px;
	text-decoration: none;
	background: var(--wpr-bg-100b80e4-f76d-4568-b3d2-5f69013e8282);
	}

a.p_2:hover {
	background-position: -150px 0;
	}

a.p_3 {
	display: block;
	width: 150px;
	height: 163px;
	text-decoration: none;
	background: var(--wpr-bg-0be82585-1f2a-43b6-ab21-780975bc8f6a);
	}

a.p_3:hover {
	background-position: -150px 0;
	}

a.p_4 {
	display: block;
	width: 150px;
	height: 163px;
	text-decoration: none;
	background: var(--wpr-bg-b5364272-469a-4939-a7f0-7648c0a71113);
	}

a.p_4:hover {
	background-position: -150px 0;
	}


.displace {
	position: absolute;
	left: -5000px;
	}


/* End Bottom sprites */


#footer .widget.widget_text {
    margin: -20px 0 -30px 0 !important;
}

#socket .copyright { width: 100%; text-align: center;padding:0 0 60px 0; }

#header_main {
border-bottom: none;
}


/* Tooltip for RIPS 

.page-id-8 .avia-tooltip,.avia-tooltip { 
background: rgba(56, 183, 1, 1); 
font-weight:bold !important;
}
.page-id-8 .avia-arrow { 
background: rgba(56, 183, 1, 1) !important; 
}

Tooltip for RIPS */


/* Tooltip for RIPS

.page-id-204 .avia-tooltip,.avia-tooltip { 
background: rgba(56, 183, 1, 1); 
font-weight:bold !important;
}
.page-id-204 .avia-arrow { 
background: rgba(56, 183, 1, 1) !important; 
}

Tooltip for RIPS */




/* Tooltip for TGI Fridays

.page-id-143 .avia-tooltip,.avia-tooltip .avia-arrow { 
background: rgba(191, 27, 52, 1); 
font-weight:bold !important;
}

Tooltip for TGI Fridays */



h1{
letter-spacing:-2px !important;
}

h2{
/* letter-spacing:-2px !important; */
}



/* remove gallery thumbnail borders */
#top div .avia-gallery img { border-style: none; padding: 0;
background-color:transparent !important;

 }
/* remove gallery thumbnail borders */


/* adjust gallery thumbnail spacing */
.page-id-8 #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 16%; margin: 0px;  }
/* adjust gallery thumbnail spacing */

.single-product #main li {
	list-style-type: disc;
	list-style-position: inside;
}

.single-product #main li::marker {
	font-size: 10px;
}

.single-product #main > .container_wrap > .container {
	max-width: 1600px;
}

.product-summary {
	clear: both;
	width: 100%;
	border-top: 1px solid black !important;
	padding-top: 35px;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
}

.woocommerce-breadcrumb a {
	text-decoration: underline;
	color: #2B3689 !important;
}

.woocommerce-breadcrumb {
	color: #34b6e5;
	font-size: 16px;
}

.single-product .container li,
.single-product .container p {
	font-size: 16px !important;
}

.product-summary.summary-bottom > h2 {
	text-align: left;
	margin-bottom: 35px !important;
	width: 100%;
}

.product-summary.summary-bottom {
	padding-bottom: 80px;
}

.template-shop .single-product-main-image .images a {
	padding: 0;
	border: none;
	color: transparent;
}

div.single-product-main-image .thumbnails {
	width: 100%;
}

#top .single-product-main-image .thumbnails a {
	width: calc(33.333% - 13px) !important;
}

.single-product h1,
.single-product h2 {
	font-size: 34px !important;
	font-family: 'open sans' !important;
	color: #2B3689 !important;
	letter-spacing: 0.3px !important;
}

.single-product-main-image {
	padding-bottom: 0 !important;
}

#top.single-product .all_colors strong {
	color: #2B3689;
}

.single-product .product-summary.summary-bottom h3 {
	font-size: 28px !important;
	letter-spacing: -0.1px !important;
	color: #2B3689 !important;
}

.template-shop .single-product-main-image .images .thumbnails a {
	padding: 2px !important;
	background: #ccc;
	margin-right: 11px !important;
}

.template-shop .single-product-main-image .images .thumbnails a:nth-of-type(3n) {
	margin-right: 0 !important;
}

.template-shop .single-product-main-image .images .thumbnails a:hover {
	background: #35B5E4;
}

.woocommerce-breadcrumb {
	margin-bottom: 45px;
}

.woocommerce-breadcrumb .delimiter {
	color: #2B3689 !important;
}

.avia-button-wrap .button-wrap {
	margin-bottom: 20px;
}

.product-summary .avia-button-wrap {
	display: flex;
	flex-wrap: wrap;
}

.product-summary .avia-button-wrap .button-wrap {
	margin-right: 20px;
}

.grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 70px;
	grid-row-gap: 70px;
}

.grid-item a {
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid #2B3689 !important;
	border-radius: 15px;
	text-decoration: none;
	padding: 15px;
	transition: 0.15s all;
}

.grid-item a:hover {
	text-decoration: none;
	border-color: #35B5E4 !important;
}

.grid-item a:hover h2 {
	color: #35B5E4 !important;;
}

.grid-item img {
	transition: 0.15s all;
}

.grid-item a img {
	display: block;
	width: 90%;
	margin: 0 auto;
}

.grid-item a:hover img {
	transform: rotate(10deg) scale(1.1);
}

.grid-item h2 {
	position: relative;
	z-index: 2;
	font-weight: bold !important;
	color: #2B3689 !important;
	font-size: 20px !important;
	margin-top: 15px;
	margin-bottom: 15px !important;
	transition: 0.15s all;
}

header.hero {
	background: #2B3689;
	display: flex;
	margin-bottom: 60px;
}

header.hero .img-col img {
	max-width: 80%;
	display: block;
	margin-left: auto;
}

.hero .wrapper {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	padding-top: 25px;
	padding-bottom: 25px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.hero .col {
	width: 50%;
}

.hero * {
	color: white;
}

.hero h1 {
	color: white !important;
	font-size: 48px !important;
	letter-spacing: -1px !important;
	font-weight: 800 !important;
	font-family: 'Open Sans','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif !important;
}

.hero p {
	font-size: 20px;
	line-height: 30px;
	font-family: 'Open Sans','HelveticaNeue','Helvetica Neue','Helvetica-Neue',Helvetica,Arial,sans-serif !important;
}

.page-template-template-hero .container {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.category-logo {
	position: absolute;
	left: 0;
	width: 30%;
	max-width: 175px;
	z-index: 10;
	transform: rotate(-20deg);
}

.single-product-main-image {
	position: relative;
}

@media screen and (max-width: 768px) {

	header.hero .img-col img {
		max-width: 100%;
	}

	.hero .col {
		width: 100%;
	}

	.grid-item a {
		padding: 10px;
	}

	.grid {
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 20px;
		grid-row-gap: 20px;
	}

	.grid-item h2 {
		font-size: 17px !important;
		margin-top: 10px;
		margin-bottom: 10px !important;
	}

	.hero p {
		font-size: 16px;
		line-height: 24px;
	}
}

@media screen and (min-width: 768px) {

	.avia-button-wrap .button-wrap {
		margin-bottom: 30px;
	}

	.single-product-summary {
		padding-left: 13.25%;
	}

	.woocommerce-breadcrumb {
		font-size: 20px;
	}

	.single-product .product-summary.summary-bottom h3 {
		font-size: 35px !important;
		letter-spacing: -0.2px !important;
	}

	.woocommerce-breadcrumb { 
		margin-bottom: 80px;
	}

	.product-summary .col {
		width: 50%;
		padding-right: 5%;
	}

	.product-summary.summary-bottom {
		padding-top: 70px;
		padding-bottom: 120px;
	}

	.product-summary.summary-bottom > h2 { 
		margin-bottom: 55px !important;
	}

	.single-product h1,
	.single-product h2 {
		font-size: 48px !important;
		letter-spacing: 0.5px !important;
	}

	.product-summary .avia-button-wrap .button-wrap {
		margin-right: 35px;
	}

}