/*
Theme Name: Caribbean Trading Child Theme
Theme URI: http://flatsome.uxthemes.com/
Description: This is a child theme for Flatsome
Author: UX Themes
Author URI: http: //www.uxthemes.com/
Template: flatsome
Version: 1.8
*/

/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/

/* Header cart drop down */
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .product-thumbnail .attachment-woocommerce_thumbnail {
    max-width: 40px;
}
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .product-name a {
    font-size: 14px;
}
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .product-price {
    font-size: 14px;
}
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .product-remove a {
    min-width: 5px;
}
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart > div {
    margin: 15px 0
}
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .product-thumbnail {
    display: inline-block;
    max-width: 30%;
    vertical-align: middle;
}
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .product-name {
    display: inline-block;
    max-width: 50%;
    line-height: 20px;
    vertical-align: middle;
}
.nav-dropdown .widget_shopping_cart .woocommerce-mini-cart .product-price {
    display: inline-block;
    vertical-align: middle;
}
.cart-item .nav-dropdown {
    padding: 10px;
}


body {
    color: #000;
}
.dark-header #masthead ul.header-nav a.nav-top-link, 
.wide-nav.dark-header ul.header-nav a.nav-top-link, 
.wide-nav.dark-header .wide-nav-right a {
    opacity: 1 !important;
}
.dark-header #masthead ul.header-nav a.nav-top-link:hover, 
.wide-nav.dark-header ul.header-nav a.nav-top-link:hover, 
.wide-nav.dark-header .wide-nav-right a:hover {
    opacity: 0.7 !important;
}

.title-overlay { background-color: transparent; }
.title-bg.fill.bg-fill { background-size: contain!important; }
@media (max-width:1199px){ 
.page-title.dark.simple-title { height: 24vw; }
div.page-header-wrapper {height: 24vw;}
}
@media (min-width:1200px){ 
.page-title.dark.simple-title { height: 21vw; }
div.page-header-wrapper {height: 21vw;}
}

@media (max-width:549px){ 
.fb-page.fb_iframe_widget span {width: 90vw!important;} 
div#TA_selfserveprop941 #CDSWIDSSP {width: 90vw!important;}
}
@media (min-width:550px){ 
.fb-page.fb_iframe_widget span {width: 45vw!important;} 
div#TA_selfserveprop941 #CDSWIDSSP {width: 42vw!important;}
}
.gallery-col .box-text {display: none!important;}

.home #content .large-12.columns div.row.collapse.ux_banner-grid {
    margin-top: 20px;
}
ul.header-nav li .nav-dropdown li .bold-menu a {
    font-weight: bold !important;
    color: #000 !important;
}
.wide-nav .header-nav a.nav-top-link {
  padding-right: 30px;
}

.widget_categories ul li ul.children {
    margin-left: 20px;
}
.widget_categories ul li ul.children li a:before{
    content:"- ";
}

div.product div.images img, #content div.product div.images img {
  width: auto !important;
}
.single-product .product-gallery .product-image .gallery-popup div.slide a span {
  display: block;
  text-align: center;
}

.single-product .product-gallery-slider .scrollbarBlock2 {
    display: none !important;
}
.product-image .front-image {
  text-align:center;
}
.product-image .front-image img {
	display: inline-block;
	height: auto !important;
	width: auto !important;
	//max-width: none !important;
	min-width: 100px !important;

}
.iosSlider .product-image .front-image img, .iosSlider .product-image .back-image img {
  width: auto !important;
}

#slider_related  .front-image img {
	max-width: none !important;
	min-width: 100px !important;
}

.product-image img.attachment-shop_catalog, 
.product-image img.attachment-shop_single, 
.product-image img.attachment-shop_thumbnail {
    display: inline-block;
}
.widget_nav_menu ul li.current-menu-item a {
    border-right: none;
}
.blog-list-style .entry-content span.cat-links {
    color: #666;
}
.blog-list-style .cat-links a {
    color: #627f9a;
}
.blog-list-style .cat-links a:hover {
    color: #000;
}
.blog-list-style .entry-content span.tags-links {
    color: #666;

}
.home #block-homepage-top .ux_banner-grid .large-3.columns .ux_banner {
    border:2px solid white;
}
.home #block-homepage-top .ux_banner-grid .large-3.columns .ux_banner:hover {
    border:2px solid red;
}

.home #block-homepage-top .ux_banner-grid .large-3.columns .ux_banner:hover .inner {
/*    display:none; */
}

.callout.style2 {
  border: 2px solid #fff;
  top: 50px;
}

.popular-image{
  position: relative;
  top: 0px;
  width: 30px;
}

.popular-title{
    float:left;
    width: 195px;
}
.popular-posts li {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 10px;
    padding: 0 0 10px 45px;
    position: relative;
}

.home .ux_banner .center {
  width: 80% !important;
}

.home #bottom-info-banner .ux_banner h2 {
  margin-bottom: 6px !important;
}

.home #bottom-info-banner .ux_banner h3 {
  margin-top: 6px !important;
}

#secondary .widget hr {
  //margin: 0.5em 0
}

#nav_menu-5 {
    margin-bottom: 0px;
}

.page-id-5222 .ux-box.ux-text-circle .ux-box-image {
  border-radius: 999px;
  margin: 0 auto;
  width: 200px;
}

.ux_banner .inner.top {

    top: 2% !important;
}
.ux_banner .inner.left {
    left: 5% !important;

}




/* Gravity Forms */
#newsletter-popup .gform_wrapper div.validation_error {
    margin-bottom: 0.6em !important;
}
#newsletter-popup .gform_wrapper .gform_footer {
    margin: 0 !important;
    padding: 0 0 10px !important;
}
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"] {
  font-size: 14px !important;
  padding: 4px 6px !important;
}
#gform_12 li#field_12_12.gfield.gfield_contains_required label.gfield_label,
#gform_12 li#field_12_11.gfield.gfield_contains_required label.gfield_label {
    font-size: 20px;
}
#gform_12 #field_12_11 input,
#gform_12 #field_12_11 select,
#gform_12 #field_12_12 input,
#gform_12 #field_12_12 select {
    margin-bottom: 0px;
    margin-top: 10px;
    height: 30px;
}
#gform_12 li#field_12_14.gfield {
    margin-top: 20px;
}

#gform_12 li#field_12_14.gfield .ginput_container {
  float: left;
  margin-top: 10px;
  width: 24px;
}


#theme-my-login input#user_login.input,
#theme-my-login input#user_pass.input {

  width: 250px;
}







/* Authorize.net Plugin */
.payment_method_authorizeaim br {
    display: none;
}


/* Responsive Adjustments */
@media only screen and (max-width: 890px) {
	.wide-nav-search > div {
	  display: block !important;
	}
}

@media only screen and (max-width: 700px) {
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#top-info-banner div.large-3.columns {
	top: 360px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#middle-info-banner div.large-3.columns {
	top: 493px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#bottom-info-banner div.large-3.columns {
	top: 626px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid {
    height: 759px !important;
	}
}

@media only screen and (max-width: 600px) {
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#top-info-banner div.large-3.columns {
	top: 300px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#middle-info-banner div.large-3.columns {
	top: 433px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#bottom-info-banner div.large-3.columns {
	top: 576px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid {
    height: 699px !important;
	}
}
@media only screen and (max-width: 500px) {
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#top-info-banner div.large-3.columns {
	top: 240px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#middle-info-banner div.large-3.columns {
	top: 373px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#bottom-info-banner div.large-3.columns {
	top: 506px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid {
    height: 639px !important;
	}
}
@media only screen and (max-width: 450px) {
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#top-info-banner div.large-3.columns {
	top: 220px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#middle-info-banner div.large-3.columns {
	top: 353px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#bottom-info-banner div.large-3.columns {
	top: 486px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid {
    height: 619px !important;
	}
}
@media only screen and (max-width: 400px) {
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#top-info-banner div.large-3.columns {
	top: 180px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#middle-info-banner div.large-3.columns {
	top: 313px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#bottom-info-banner div.large-3.columns {
	top: 446px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid {
    height: 579px !important;
	}

}
@media only screen and (max-width: 300px) {
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#top-info-banner div.large-3.columns {
	top: 150px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#middle-info-banner div.large-3.columns {
	top: 283px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid div#bottom-info-banner div.large-3.columns {
	top: 316px !important;
	}
	#wrapper  div.row div.large-12.columns div.row.collapse.ux_banner-grid {
    height: 449px !important;
	}
}