/*
 Theme Name:   ArtistsNetwork (Porto)
 Theme URI:    http://paavu.com
 Description:  ArtistsNetwork - porto Child Theme
 Author:       Alvis Denz
 Template:     porto
 Version:      0.3
 License:      GNU General Public License v2 or later
 Text Domain:  porto
*/

html body { background-color: #FFF; }

#letters{
	padding: 8px;
    border-top: 1px solid #CFCFCF;
    border-bottom: 1px solid #CFCFCF;
}

.letter-section h2{
	border-bottom: none !important;
}
img.img_ad {
    width: 100% !important;
    /* height: auto; */
}

.dfp_ad_pos {
     width: 100%!important;
     height: auto!important;
     /*border:3px solid #ff1000;*/
}


.dfp_ad_pos iframe > img.img_ad{
     width: 100%!important;
     height: auto!important;
}

.owl-item{
    width: 100%;
}

.post_content{
    font-weight: 300 !important;
}
.post_content strong {
    font-weight: 700;
}
.post_content ol li,.post_content ul li {
    font-size: 14px;
}
.block-content li a {
    text-transform: uppercase;
    font-size:15px;
}
li.current strong{
    color:#3db8ea !important;
    font-size:15px;
    text-transform: uppercase;
}
.back-link{
    display: none;
}
.info-box h2 {
    font-weight: 700;
    font-size: 20px;
}
.info-box {
    padding: 12px 0px;
}
.block-content li a:before,.block-content li strong:before {
    display: none;
}
.block-account ul li{
    padding-left:0px;
    border-bottom:none;
}
.block-account .block-title{
    display:none;
}
.Maindiv h1,.Maindiv h3{
    color:#3db8ea !important;
}
.info-box{
    border: none;
}
.subdiscription{
    font-size: 20px !important;
}
.bottom-search input, .bottom-search input[type="text"]{background: #fff}
.featured-area .main-container h2{line-height: 25px}
/* search page */
.searchandfilter ul > li > ul:not(.children){padding-left:15px}
.searchandfilter li{display: block}
.left-section .searchandfilter h4{font-size: 16px; color: #3DB8EA; padding: 0 25px 0px 0px; margin: 0px 0 0 0px; text-transform: uppercase; font-weight: 500;}

.left-section .searchandfilter input[type=text]{ border: 1px solid #979797; background: #fff; padding: 5px;  float: left; width: 100%;  height: 47px; margin-bottom: 40px; line-height: 47px;  padding-right: 45px;}
.left-section .searchandfilter input[type=submit]{margin-left: 15px; margin-top: 10px; width: calc(100% - 15px);}
.search-content>h2{font-size: 36px; line-height: 54px; color: #3DB8EA; border-bottom: 1px solid #979797; padding: 3px 0;}
.blog-posts article{border:0px!important; margin:0!important; padding:0!important}
.pagination-wrap{ float: left; width: 100%;  margin-top: 35px;  border-top: 1px solid #979797;  padding-top: 24px;}
    .pagination > a, .page-links > a, .pagination > span, .page-links > span{    width: 40px;
        height: 40px;
        font-size: 18px;
        font-weight: 500;
        line-height: 40px;
        background: #d7d7d7;
        color: #4A4A4A;
        display: block;}
.pagination-wrap .pagination > a.next,.pagination-wrap .pagination > a.prev{color:#3DB8EA}
.search-content article.post h3{font-size: 32px; line-height: 38px; color: #4A4A4A; margin-bottom: 10px;}
.search-content article.post-title-simple h2.entry-title{  font-size: 21px;     line-height: 29px;        color: #4A4A4A;}
.search-content .col_search{padding-left:0!important}
.search-content .article.post .post-image.single{height: 130px;}
.search-content .article.post .post-image.single img{ width: 100%; height: 100%; object-fit: cover;}
.search-content #content{margin-left:0!important}
.left-section .searchandfilter ul{padding-left: 0;}
.search-content article.post-title-simple h2.entry-title a:hover{color:#3DB8EA; text-decoration: underline}
.modal-login { position: fixed; z-index: 9999999; }
.modal-login #modal-container { overflow: auto; }
.modal-login .imgcontainer {
    background-image: url(/wp-content/uploads/2017/12/artistnetwork-logo@2x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 90%;
    height: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.mini-cart .product-name {
    padding-right: 20px;
}
.mini-cart .mini-products-list li a.btn-remove {
    top: 18px;
}
.mini-cart .totals {
    border-top: 1px solid #dfdfdf;
    margin: 0 20px;
    text-align: left;
    padding: 25px 0;
    
    text-transform: uppercase;
    margin-top: -15px;
    margin-bottom: 10px;
    font-size: 16px;
}
.mini-cart .totals .label {
    color: #000;
}
.mini-cart .price-total {
    float: right;
}

i.icon-mini-cart {
    font-style: normal !important;
    width: 17px;
    line-height: 24px;
}

#header .fw-header-cart .mini-cart {
    bottom: -11px;
    right: 0;
    font-size: 18px;
    margin-right: 6px;
}
#header .fw-header-cart .mini-cart .icon-mini-cart {
    font-size: 20px;
    color: #777;
}
#header .fw-header-cart .mini-cart .cart-info {
    position: absolute;
    top: 0;
    right: -10px;
    color: #FFF;
    line-height: 1;
    bottom: auto;
    padding: 3px 6px;
    background-color: darkred;
    border-radius: 48px;
    /*TRANS-1151*/
    font-size: 12px;
    font-weight: 600;
}
#header .fw-header-cart .mini-cart .topCartContent {
    width: 300px;
    box-shadow: 1px 1px 6px #AAA;
    padding: 11px;
    top: 30px;
}
#header .fw-header-cart .mini-cart .topCartContent .inner-wrapper p { margin: 0; color: #333;}
#header .fw-header-cart .mini-cart .mini-products-list { margin: 11px 0; padding: 0; max-height: 320px; overflow: auto;}
#header .fw-header-cart .mini-cart .mini-products-list .item { direction: rtl; position: relative; padding: 0; border: none; display: block !important;}
#header .fw-header-cart .mini-cart .mini-products-list .product-details { direction: ltr; }
#header .fw-header-cart .mini-cart .mini-products-list .product-details .btn-remove { display: none; position: absolute; top: 0; right: 0; float: none; margin: 0; }
#header .fw-header-cart .mini-cart .mini-products-list .product-details .btn-remove:after { content: '\f05c'; font-size: 24px; color: #666; display: block; margin-top: -6px; }
#header .fw-header-cart .mini-cart .mini-products-list .qty-price { color: #444; }
#header .fw-header-cart .mini-cart .mini-products-list .qty-price:before { content: 'Details'; color: #000; font-size: 1.25em; display: block; margin-top: 0.5em;}

#header .fw-header-cart .mini-cart .totals { 
    background-color: #FFF; 
    border-top: solid 1px #666; 
    color: #3DB8EA; 
    margin: 1em 0 0.5em; 
    padding: 8px 0; 
    font-size: 16px;
    white-space: normal; /*TRANS-1190*/
    }
    
#header .fw-header-cart .mini-cart .actions { 
    padding: 0; 
    line-height: 1; 
    border: none;
    white-space: normal; /*TRANS-1190*/
}

#header .fw-header-cart .mini-cart .actions > a { background-color: #3DB8EA; color: #FFF; padding: 10px; border: none; padding: 14px; }
#header .fw-header-cart .mini-cart .actions > a:nth-child(2) { float: right; }

.subscribe-box .btn {
    width: auto;
    border: 1px solid #CFCFCF;
    background: #fff;
    font-size: 15px;
    color: #9b9b9b;
    padding: 8px 20px;
    border-radius: 1px;
    text-transform: uppercase;
}

.subscribe-box .btn:hover {
    border: 1px solid #3db8ea;
    background: #3db8ea;
    font-size: 15px;
    color: #fff;
}

.fw_capture_inline .fw_capture_thanks:before {
    content: 'You got it! Check your email and cheers to the art goodness coming your way.';
    display: inline-block;
    padding: 0.5em 0;
}

.addthis-smartlayers-mobile .atss .at-share-btn { margin: 0 !important; }
@media (max-width: 720px) {
    .modal {
        padding-top: 0;
    }
}

.category-products .products-grid li.item .details-area .product-name,
.category-products .products-grid li.item .details-area .product-name a,
#block-related .owl-item .product-details .product-name,
#block-related .owl-item .product-details .product-name a { line-height: 1.25; font-size: 22px; color: #000; font-weight: 300; }
.filter-products .products div.item .details-area .product-name a { font-size: 22px; color: #000; }
.item a.addtocart i.icon-cart { display: none; }
.item .details-area .actions a.addtocart, 
.item:hover .details-area .actions a.addtocart,
.col-main .category-products .products-list li.item .details-area .actions a.addtocart,
.col-main .category-products .products-list li.item:hover .details-area .actions a.addtocart { border: none; background: none; padding: 0; margin-right: 0;} 
.price-box span.price,
.price-box span .price,
.price-box p span.price { 
    font-family: "essonnes-display", serif;
    color: #3DB8EA;
    font-size: 24px;
    font-weight: 400;
}

#fw_algolia_search_container .fwalgoliasearchform { display: block; }


.product-shop .add-to-cart button.button { width: auto; min-width: 1px; }
.product-shop button.btn-cart > span { border-radius: 4px !important; background-color: #3DB8EA; text-shadow: none; color: #FFF; }
.box-up-sell.category-products .products-grid li.item .details-area .actions button.btn-cart > span > span,
.product-shop button.btn-cart > span > span { font-family: "adelle-sans", sans-serif!important; font-size: 23px; width:auto; max-width: 100%; display: inline; padding: 18px; height: auto; text-transform: capitalize; }

.box-up-sell.category-products .products-grid li.item .details-area .actions .addtocart,
#block-related .owl-item .product-details .actions .addtocart { height: auto; margin-top: 12px; padding: 6px; border-radius: 4px !important; border-color: #3DB8EA; background-color: #3DB8EA; text-shadow: none; color: #FFF; font-size: 16px; }
.box-up-sell.category-products .products-grid li.item .details-area .actions { position: relative; }


#fw_algolia_search_toggle_mobile { display: none; }
#header.logo-center .header-main .container .header-center { display: table-cell !important; }
#header .fw-header-welcome-msg a { text-transform: none; }
@media screen and (max-width: 991px) {

    #header .header-right .navbar-nav { 
        position: absolute;
        top: 6px;
        right: 0;
        padding: 0;
        margin: 0;
        right: 40px;
    }
    #header .header-right .navbar-nav li { display: none; }
    #header .header-right .navbar-nav li.fw-header-welcome-msg a {
        display: none;
    }
    #header .header-right .navbar-nav li.fw-header-welcome-msg a[href*="account"] {
        display: block;
        width: 22px;
        height: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 24px;
    }     
    #header .header-right .navbar-nav li.fw-header-welcome-msg a[href*="account"]:before {
        content: '\f007';
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        top: 2px;
        left: -22px;
    }
    #header .header-right .navbar-nav li.fw-header-welcome-login,
    #header .header-right .navbar-nav li.fw-header-welcome-msg
    { 
        display: inline-block;
        width: 24px;
        height: 24px;
        margin-right: 10px;
    }
    #header .header-right .navbar-nav li.fw-header-welcome-login a {
        display: block;
        width: 22px;
        height: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-indent: 24px;
    }
    #header .header-right .navbar-nav li.fw-header-welcome-login a:before {
        content: '\f007';
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        top: 2px;
        left: -22px;
    }
    #header .header-right .navbar-nav li.fw-header-welcome-login a[href*="logout"]:before {
        content: '\f08b';
    }
    #header .header-right .navbar-nav li.fw-header-cart { 
        display: inline-block;
        right: 0;
        top: -10px;
    }
    #header .fw-header-cart .mini-cart .icon-mini-cart {
        right: auto;
    }
    #header .fw-header-cart .mini-cart .cart-info {
        top: 12px;
        right: -6px;
    }
    #fw_algolia_search_toggle_mobile {
        display: block;
        position: fixed;
        top: 8px;
        right: 14px;
        z-index: 99999;
    }
    #algolia-autocomplete-container { z-index: 99999; }
    #fw_algolia_search_toggle_mobile a {
        font-size: 18px;
        color: #777;
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .sec-slider{width:calc(100% - 20px)!important; margin-left: 10px; margin-right: 10px; margin-top:20px!important}
    .sec-slider .bx-wrapper .bx-controls-direction{box-shadow: none}
    .sec-slider .bx-wrapper .bx-pager-item { display: inline-block;  vertical-align: bottom;}
    .sec-slider .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px;}
    .sec-slider .bx-wrapper .bx-pager.bx-default-pager a.active{background: #000; border:0px}
    .sec-slider .bx-wrapper .bx-pager.bx-default-pager a{background: #fff;border:1px solid #ccc;
     text-indent: -9999px; display: block;width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
    .sec-slider .bx-controls .bx-controls-direction{display: none}
    .explore_mobile{width:100%!important}
    .explore_mobile .explore-media-item{margin:7px 0!important}
    .explore-media{margin-top:0px!important}
    .explore-media:nth-child(1){margin-top:32px!important}
    .explore-media .main-container{margin-top:0!important}
    .acslider .bxslider .col-xs-12:nth-child(1){margin-bottom:15px}
    .acslider .bxslider .col-xs-12{padding:0!important}
    .search-content .col_search{padding-left:15px!important;    margin-top: -25px;  margin-bottom: 15px;}

    .secondary-container .post_content h2{padding:0; font-size: 25px!important;}
    .secondary-container .post_content p{font-size: 17px; line-height: normal;}

}
.widget_nav_menu > div > ul li:before{
    content: none !important;
}
.modal-title{
    text-align: center;
}

#footer-chat-bug { 
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 99; 
}

.header-right ul.navbar-nav { display: flex; }
.header-right ul.navbar-nav > li { padding: 0 6px; white-space: nowrap; }
.navbar-nav .fw-header-cart .mini-cart .mini-products-list .item .product-image { float: left; display: block; }
.navbar-nav .fw-header-cart .mini-cart .mini-products-list .item .product-details { display: block; }
#algolia-autocomplete-container { z-index: 999999; }
.products-list .details-area .product-name { font-size: 25px; margin-top: 0; line-height: 1.33; }

html .btn-default { background-color: #FFF !important; color: #9b9b9b !important; border: 1px solid #CFCFCF !important; }
html .btn-default:hover {  border: 1px solid #3db8ea; background: #3db8ea !important; font-size: 15px; color: #fff !important; }
.bottom-search button[type="submit"] { background-color: #3db8ea !important; color: #FFF !important; border-color: #3db8ea !important;}
.sidebar.f-left div a { line-height: 1.5; margin-bottom: 1em}

html .category-products .products-grid li.item .product-image { height: 250px; }
html .category-products li.item .product-image img { max-height: 100%; width: auto; }
html .category-products .product-image-area { overflow: hidden; height: auto; min-height: 226px}
.product-free { margin-top: 2em; }
.img-out { position: relative; }
.img-out .img-text { position: absolute; display: block; width: 100%; left: 0; bottom: 0; padding: 1em; background: rgba(0,0,0,0.8); }
.img-out .img-text p { color: #FFF; font-family: "essonnes-display", serif; font-weight: 500; font-size: 23px;}
.img-out .img-text + span { display: none; }

h2.filter-title { 
    text-align: center; 
    background: none;
    width: 100%;
    float: left;
    text-align: center;
    padding: 55px 0 0 0px;
    margin-bottom: 43px;
    position: relative;
    font-size: 42px;
    color: #000;
    font-weight: 500;
    font-family: "essonnes-display",serif;
    font-style: italic;
    text-transform: capitalize; }

h2.filter-title:after {
    content: '';
    width: 123px;
    border-bottom: 4px solid #000;
    display: block;
    margin: auto;
    margin-top: 25px;
}

/* TRANS- 1774 */
.wrapper .page .main-container { min-height: 0; margin-bottom: 0;}

/* TRANS-1866 */
.addthis-smartlayers .div#at4-share { bottom: 5% !important; top: auto !important; }

.category-products .price-box .price-label { display: none; }
.featured-area p.old-price span { text-decoration: line-through; }


#block-related .row > div { width: 90%; }
#block-related .owl-wrapper, 
#block-related .owl-item .product-details { width: 100% !important; padding: 0 !important;}

/* magento's default button transparent */
body button.button { padding: 12px; background-color: #FFF; color: #000; margin: 12px 0}
body button.button:hover { background-color: #FFF; color: #000; text-shadow: none}
.fw-algolia-search-toggle { cursor: pointer; }
.data-table .label,
.block-content .label { color: #333; }
/* TRANS-2007 */
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea, select { border-color: #777 !important; }
.box-content h2 { color: #000; }

.fw_capture_inline { width: 95%; margin: auto; }

body.search .secondary-container { padding: 10px 30px 45px; }
#fw_algolia_search_container:before {
    content: 'X';
    font-size: 20px;
    color: #FFF;
    position: absolute;
    top: 14px;
    right: 14px;
    cursor: pointer;
}

@media (max-width: 991px) {
    html #algolia-autocomplete-container { max-width: 70%; z-index: 9999999; }
    html #fw_algolia_search_container .fwalgoliasearchform { width: 70%; left: 15%; }
    html #header.logo-center .header-main .container .header-left { display: table-cell; }
}

@media (max-width: 480px) {
    html .buttons-set button.button { width: auto; min-width: 100%;  }
}



#header.logo-center .header-main .container .header-left {
    width: 35%;
    padding-right: 20px;
    display: table-cell;
    position: relative;
    vertical-align: middle;
        text-align: left;
}

#header.logo-center .header-main .container .header-center {
    display: table-cell !important;
}

#header.logo-center .header-main .container .header-right {
    width: 35%;
    padding-left: 20px;
        display: table-cell;
    position: relative;
    vertical-align: middle;
        text-align: right;
}


.header-wrapper.wide .container {
     width: 100%; 
     max-width: none; 
}

.customer-name{
    width: 50%;
    float: left;
    display: inline;
    color: #fff;
    line-height: 34.5px;
    padding-left: 5%;
}
.right-section{
    width: 50%;
    float: right;
    display: inline;
    color: #fff;
    line-height: 34.5px;
}
.right-section li {
    display: inline;
}
.right-section li a {
    color: #fff;
    padding-right:20px;
}
.customer-name span:hover{
    background: #3F85B6;
}
.customer-name li{
    color:#000;
}
.customer-name span a{
    color:#fff;
}