/*
Theme Name: Candy Tattoo
Theme URI: https://www.candythemes.com/themes/tattoo/
Version: 1.0
Description: A Divi child theme.
Author: CandyThemes
Author URI: https://www.candythemes.com
Template: Divi
*/


/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
 
#top-header {z-index: 99999;}

#main-content {background-color: #000;}

.container::before { display:none; } 

.et_pb_widget_area_right { border-left:0; }

.et_pb_fullwidth_header_subhead a {color:#fff; }

/*------------------------------------------------*/
/*---------------[Overlap Logo]-------------------*/
/*------------------------------------------------*/

#logo {
    max-height: 178px;
    margin-top: -15px;
    z-index: 100000;
}
 
@media only screen and (max-width : 980px) {
    #logo { margin-top: 0px}}

/*------------------------------------------------*/
/*-------------[Style WooCommerce]----------------*/
/*------------------------------------------------*/

body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover {
  color: #fff !important;
}
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce-page button.button.alt, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button{
  color: #fff !important;
}

.woocommerce-tabs {display:none ; }

.woocommerce .related {clear:both !important; }



ul.products li.product  {
	text-align:center !important;
}

ul.products li.product .woocommerce-loop-product__title {
font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif !important;
	font-size: 30px !important;
	font-weight: bold !important;
}
ul.products li.product .price .amount {
font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 30px !important;
	color:#dd3333 !important;
    font-weight: bold !important;
}

ul.products li.product .onsale, .woocommerce-page span.onsale {
    background-color: #dd3333 !important;
	font-size:13px;
}

ul.products li.product .et_overlay {
    background-color: rgba(255, 255, 255, 0) !important;
    border-color: rgba(255, 255, 255, 0) !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #111 none repeat scroll 0 0;
    color: #fff;
}

.orderby, .woocommerce div.product form.cart .variations td select {
	border: 1px solid #1b1b1b;
	background:none;
	border-radius:0;
}

.orderby option, .woocommerce div.product form.cart .variations td select option {
   padding: 5px;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #111;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: #999;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #999;
}

.product .related h2, .product_title {
   font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif !important;
    font-size: 30px !important;
	color:#fff !important;
    font-weight: bold !important;
    padding-bottom: 16px;
}

.shop_table th {color:#fff !important; text-transform: uppercase !important;}

/*------------------------------------------------*/
/*-------------[Style Google Maps]----------------*/
/*------------------------------------------------*/

.et_pb_map_container { 
    filter: url("data:image/svg+xml;utf8,#grayscale"); 
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

/*------------------------------------------------*/
/*-------------[BOUNCING MORE ICON]---------------*/
/*------------------------------------------------*/

@-webkit-keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 100% {
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-webkit-transform: translateY(0);
transform: translateY(0);
}
40% {
-moz-transform: translateY(-15px);
-ms-transform: translateY(-15px);
-webkit-transform: translateY(-15px);
transform: translateY(-15px);
}
}
span.scroll-down.et-pb-icon { 
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}

/*------------------------------------------------*/
/*--------------[TRIANGLE DIVIDERS ]--------------*/
/*------------------------------------------------*/
 
.triangles::before, .triangles::after {position: absolute; content: ''; pointer-events: none;}
 
.triangles::before, .triangles::after {
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translateX(-50%) rotate(45deg);
   transform: translateX(-50%) rotate(45deg);}
 
    /* Top arrow pointing down. Currently set as black. This can be removed if you don't want a top arrow */
    /*  .triangles::before {top: -50px; background: #000;}
 
    /* Bottom arrow pointing down. Currently set to inherit the background of the section. This can be removed if you don't want a bottom arrow */
    .triangles::after { bottom: -50px; z-index: 10; background:#ff8420;}
	

.triangle_dark::before, .triangle_dark::after {position: absolute; content: ''; pointer-events: none;}
 
.triangle_dark::before, .triangle_dark::after {
    left: 50%;
    width: 100px;
    height: 100px;
    -webkit-transform: translateX(-50%) rotate(45deg);
   transform: translateX(-50%) rotate(45deg);}
 
    /* Top arrow pointing down. Currently set as black. This can be removed if you don't want a top arrow */
    /*  .triangles::before {top: -50px; background: #000;}
 
    /* Bottom arrow pointing down. Currently set to inherit the background of the section. This can be removed if you don't want a bottom arrow */
    .triangle_dark::after { bottom: -50px; z-index: 10; background:#ff8420;}

/*---------------------------------------------------*/
/*-------------------[Style Posts]-------------------*/
/*---------------------------------------------------*/	

.et_pb_post .entry-title{color:#14b5c7 ; }
	
	
/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/

#commentform textarea, #commentform input[type="text"], #commentform input[type="email"], #commentform input[type="url"] {
    background-color: #1b1b1b;
    border: 1px #1b1b1b solid;
}

#commentform input[type="submit"]{
    background-color: #dd3333; color:#fff; border-color:#ff8420;
}

/*----------------------------------------------------------------*/
/*-------------------[Style Back-to-top button]-------------------*/
/*----------------------------------------------------------------*/

.et_pb_scroll_top.et-pb-icon {
    background: rgba(221, 51, 51, 0.9) none repeat scroll 0 0;
  
}

/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/

.hidden { display: none !important;}

/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/

.et_right_sidebar #sidebar {
    padding-left: 0;
}
/*------------------------------------------------*/
/*-------[CUSTOM WIDGET SEARCH AND TITLES]--------*/
/*-------------[BY GENO QUIROZ]-------------------*/
/*------------------------------------------------*/
 
/* option 1 */
 
    .option-1 .widgettitle, .option-1 .footer-widget .title {
            background: #14b5c7!important;
            color: #fff !important;
            font-size: 18px;
            text-transform: uppercase;
            display: inline-block;
            position: relative;
            height: 33px;
            line-height: 33px;
            padding: 0 10px;
            max-width: 100%;
            margin-right: 10px;
            border: 0;
            margin-left: 10px;
        margin-bottom: 14px;}
 
    .option-1 .widgettitle:before, .option-1 .footer-widget .title:before{
            content: '';
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            top: 0;
            left: -10px;
            border-color: inherit;
            border-bottom: 0 solid rgba(255,255,255,0);
            border-right: 10px solid rgba(221,51,51,1);
            border-top: 33px solid rgba(255,255,255,0);
            right: -10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            text-rendering: optimizeLegibility;}
 
    .option-1 .widgettitle:after, .option-1 .footer-widget .title:after {
            content: '';
            display: block;
            height: 0;
            position: absolute;
            width: 0;
            top: 0;
            border-color: inherit;
            border-bottom: 32px solid rgba(255,255,255,0);
            border-left: 10px solid rgba(221,51,51,1);
            border-top: 0 solid rgba(255,255,255,0);
            right: -10px;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            -ms-box-sizing: border-box;
            box-sizing: border-box;
            text-rendering: optimizeLegibility;}
 
    /* sidebar search bar */
        .option-1 .widget_search #searchsubmit {background-color: #14b5c7;}
        .option-1 .widget_search input#searchsubmit {color: #fff;}
        .option-1 .widget_search input#s {border: 1px solid #14b5c7; background-color:#111;}
		.option-1 .widget_search input#s, .widget_search input#searchsubmit {
    border: 1px solid #ff8420;
    
}


/*------------------------------------------------*/
/*------------------[MOBILE MENU]-----------------*/
/*------------------------------------------------*/

.mobile_menu_bar::before, .mobile_menu_bar::after, .et_toggle_slide_menu::after  {
    color: #fff !important;
}


/*------------------------------------------------*/
/*-------------[BLOG SMALL IMAGES]----------------*/
/*------------------------------------------------*/
/*feature thumbnails alongside post titles on blog page*/
 
   .blog_small_image .et_pb_posts .et_pb_post a img {
            max-width: 300px!important;
            float: left !important;
            padding-right: 20px !important;}
 
    @media only screen and (max-width: 980px) {
        .blog_small_image .et_pb_posts .et_pb_post a img{
            float:none !important;
            max-width: 100%!important;}}

	.blog_small_image  .et_pb_posts .et_pb_post { margin-bottom: 8%;}
	
	.blog_small_image_no_sidebar .et_pb_posts .et_pb_post {clear:both;margin-bottom:8%;}
	
	   .blog_small_image_no_sidebar .et_pb_posts .et_pb_post a img {
            max-width: 300px!important;
            float: left !important;
            padding-right: 20px !important;}
 
    @media only screen and (max-width: 980px) {
        .blog_small_image_no_sidebar .et_pb_posts .et_pb_post a img{
            float:none !important;
            max-width: 100%!important;}}

	.blog_small_image .et_pb_posts .et_pb_post { margin-bottom: 10%;}
	
/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( max-width: 980px ) {
    .et_slide_menu_top { display:none !important; }
}




/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

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

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {
.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1{
    
    font-size: 60px !important;
}
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
 .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
  
    font-size: 60px !important;
}
}



/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
 .et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
   
    font-size: 60px !important;
}
}