:root {

  /* blu */
  --main-color: #5a94a6;
  --main-color-light: #c2cfd2;

  /* viola */
  --main-color: #cd33e3;
  --main-color-light: #f8d3fd;
  --main-color-darker: #7d1d8a;
  --main-color-even-darker: #5e1568;

}

.test-div-warning {padding:100px; font-size:20pt; background:#00ff00; z-index:999;}

/* FONTS */
@font-face {
    font-family: 'Arkit-Medium';
    src: url('../files/fonts/Arkit-Medium.woff2') format('woff2'),
         url('../files/fonts/Arkit-Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Arkit-Medium';
    src: url('../files/fonts/arkit-semibold-webfont.woff2') format('woff2'),
         url('../files/fonts/arkit-semibold-webfont.woff') format('woff');
    font-weight: 800;
    font-style: bold;
    font-display: swap;
}

@font-face {
    font-family: 'Capraia-Light';
    src: url('../files/fonts/Capraia-Light.woff2') format('woff2'),
         url('../files/fonts/Capraia-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Capraia-Light';
    src: url('../files/fonts/capraia-lightitalic-webfont.woff2') format('woff2'),
         url('../files/fonts/capraia-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Capraia-Light';
    src: url('../files/fonts/capraia-bold-webfont.woff2') format('woff2'),
         url('../files/fonts/capraia-bold-webfont.woff') format('woff');
    font-weight: 900;
    font-style: bold;
    font-display: swap;
}

html {background: #fff;}
body {font-size: 10pt; font-family: 'Helvetica', sans-serif; overflow-x:hidden;}
.container {border: none; }
.container-page {border: none; width:100%;}

a {color: #8f00a4;}

.tab {background:transparent;}
.link:hover {color: var(--main-color);}
#div_all {padding:0; margin: 0 auto; max-width: 1200px;}

/* titles */
.sidemenu, .menu > .menu-item, .page-title, .article-title, .footer h2
{font-family: 'Arkit-Medium', sans-serif;}

/* messages */
.done, .warning {background: transparent; border: 4px solid #007d4f; font-family: "Capraia-Light", serif; font-size: 14pt;}
.warning {border: 4px solid #ae1818; color: #ae1818;}

/* posts */
.article-content.single, .page-content {font-family: 'Capraia-Light', serif; font-size:15pt; line-height:1.7em; max-width: 700px;}

#page-content-33,
#page-content-13
{max-width:initial;}

#page-content-3 {
  margin-top: 40px;
}

.article-content.single blockquote, .page-content blockquote {padding-left:30px; border-left: 10px solid var(--main-color);}
.article-content.single a {color: #8f00a4; text-decoration: none; font-weight:bold;}
.article-content.single a:hover, .page-content a:hover {text-decoration: underline;}

.container-articles {width:100%;}

.breadcrumbs {font-family: 'Capraia-Light', serif;}

.filter-legend {display:none;}
.page-title, .single.article-title {font-size:30pt; margin-bottom:20px;}
.page-title:after, .single.article-title:after {content: ''; width: 100%; height: 7px;display: block;background: var(--main-color); transition: 300ms;}
.single.article-title {margin-bottom:0px;}
.article-title {color: #000; hyphens: auto;}
 
/* articles */
article .social-btn button {font-size:20pt;}
.article-header-img.preview {min-width: 100%; max-height: 150px; overflow: hidden; height: 150px; min-height: 150px;}
.article-header-img.preview img {max-height:initial; max-width:initial; min-height:150px;min-width: 100%;}
.article-header-img.single {background: #4d4d3f; max-height: 100vh; overflow: hidden;}
.article-header-img.single img {height: calc(100vh - var(--height-topmenu-normal)); max-width:initial;}

@media screen and (max-width: 600px) {
    .article-header-img.single img {width: 100vw; height: auto;}
}


/**/
#c-p-bn {background: var(--main-color-darker) !important;}
#s-all-bn {background: var(--main-color-darker) !important;}

/* homepage */


body.homepage {overflow-x:hidden;}

.welcome-homepage-image {overflow: hidden;}
.welcome-homepage-image img {max-width: 100%; width: auto; max-width:initial; min-height:100vh; min-width: 100vw; }

.homepage .container-articles .pagination {display:none;}
.homepage .container_FALSE {margin: 0; padding: 15px 0 15px 0; width:100%;}
.homepage .homelink:hover {text-decoration:none;}

/*i consigli di tamu*/
.page-content#page-content-77 {max-width:100%; font-size:10pt;}
.homepage .home-consiglitamu {margin: 0; padding:0;}

/* blog (articoli) */
.page-content#page-content-3 {max-width:100%;}
.page-content#page-content-46 {max-width:100%; font-size:12pt;}

.page-content .social-btns-div, .article-subcontainer .social-btns-div {border-top: 7px solid var(--main-color); padding-top: 15px;}

/*.container-all-articles-flexbox .article-subcontainer {margin:15px; width:calc(30% - 15px); padding:0px; border:5px solid var(--main-color); box-shadow: 0 0 15px -9px #333;}*/
.container-all-articles {padding: 30px 0; margin:0;}
.container-all-articles-flexbox .article-subcontainer {width:calc(33.3% - 15px); padding:0px; border:0; background: var(--main-color); box-shadow: 0 0 15px -9px #333; box-shadow: 0 0px 6px #333; border-radius: 3px;}
.container-all-articles-flexbox .article-subcontainer .article-title {padding:10px; font-size: 20pt; text-align: left;}

.blog-consiglitamu {margin:0; padding:0;}
/*.blog-consiglitamu .container-all-articles-flexbox article {margin:15px; width:calc(30% - 15px); padding:0px; border:5px solid var(--main-color); box-shadow: 0 0 15px -9px #333;}*/
.blog-consiglitamu .container-all-articles-flexbox article {}
.link.article-title-preview:hover {color: #000;}
.blog-consiglitamu .container-all-articles-flexbox article .article-title {text-align: left; line-height: 1.2;}

.blog-sguardose .catbox-title {text-align: center; margin: 0 auto; padding:20px 0; display: block; font-weight: bold; font-size:150%; }
.blog-sguardose .catbox-desc {padding:0 15px;}
.blog-sguardose  {margin:40px 0; padding:10px 20px; background:#eae48e;}
.blog-sguardose .container-all-articles-flexbox article {background: #c6be50; }

/* topmenu */
.topmenu {background:#fff; height:initial; box-shadow:none; text-align:right;}
.topmenu .menu-item {padding: 35px 27px 10px;}
.topmenu .menu-item > .menulink {font-size: 13pt;letter-spacing:2px;}
.topmenu .menu-item:nth-child(1)      { padding-left: 20px;}
.topmenu .menu-item:nth-last-child(2) { padding: 5px 5px 5px 20px;}
.topmenu .menu-item:nth-last-child(1) { padding: 5px 27px 5px 5px;}
.topmenu .menu-item:nth-last-child(2) > a, .topmenu .menu-item:nth-last-child(1) > a { font-size:9pt;}
/*  menu logo */
.topmenu .topmenu-logo {height: 74px;left: 20px; z-index: 999;}
.topmenu .topmenu-logo img {width:100px; height:auto;  margin-top:15px; z-index: 999; margin-left: 10px; position: relative;}
/* homepage */
.homepage .topmenu {transition: 0.3s; position:absolute; width:100%; background: linear-gradient(180deg, rgba(0, 0,0,0.6) 40%, rgba(0, 0,0,0.0) 100%);}
.homepage .topmenu .topmenu-logo {background: url('https://tamulibri.mom/img/tamu_tondo.png'); height: 130px; width: 135px; background-size: cover; border-radius: 100%; box-shadow: 0 0 8px -4px #000;}
.homepage .topmenu .topmenu-logo img {display:none;}
.homepage .topmenu .topmenu-ul, .homepage .topmenu .menu-item {transition: 0.3s; background:initial; padding-top:10px;}
.homepage .topmenu .menulink {transition: 0.3s; color:#fff; text-shadow: -1px -1px 0 #333, 1px -1px 0 #333, -1px 1px 0 #333, 1px 1px 0 #333;}
.homepage .topmenu.normal {position:sticky; background: #fff;}
.homepage .topmenu.normal .topmenu-logo {background: transparent; width:auto; height: 74px; border-radius: 0; box-shadow:none;}
.homepage .topmenu.normal .topmenu-logo img {display:block;}
.homepage .topmenu.normal .topmenu-ul, .homepage .topmenu.normal .menu-item {background:inherit; padding-top:18px;}
.homepage .topmenu.normal .menulink {color:#000;text-shadow:none;}
/*active*/
.topmenu .menu-item > .menulink:hover {text-decoration:none; color: var(--main-color);}
.topmenu .menu-item > .menulink:after {content: ''; width: 0px;height: 6px;display: block;background: var(--main-color);transition: 300ms;}
.topmenu .menu-item > .menulink:hover:after { width: 100%;}

/* mobilemenu */
.mobilemenu {background-color:#fff; border-bottom:1px solid #333; position: sticky; top: 0; z-index: 999;}
.mobilemenu-logo img {height:45px; width:auto; margin-left:10px;}
.mobilemenu .menu-item > a {font-size: 14pt;}
.mobilemenu .menu-item .menu-dropdown-content > .menu-item {padding: 16px 5px;}

/* pagination */
.page .pagination, .blog .pagination {margin-top:50px}
.page .pagination .btn, .blog .pagination .btn, .loadmore-btn {padding-top: 13px; height:40px; opacity: 1; background: #333; color: #f0f0f0; border: 0;}
._displayalllink {display:none;}
.page .loadmore-btn, .blog .loadmore-btn {padding-top:0;}

/* utente / login */
.login-box {border-top: none;}
.login-title {background: var(--main-color); font-size:15pt; color: #fff; border: none; padding:15px;}
.login-label, .login-field {width: 100%;}
.login-label, .login-label {font-size: 14pt;}
.login-field .inp {background: #e2e0e0;}
.login-btn {background: var(--main-color); font-weight: bold; color: #fff; border:none; width:100%;}
.login-box-wrapper {box-shadow: 0 0 10px 0px #333; border-radius: 4px;}

/* contact form */
.contact-form input, .contact-form textarea {background: #f0f0f0; font-size: 16px;}
.contact-form-btn {background: var(--main-color); color: #fff; font-weight: bold;}
.contact-form-captcha-container {background: #b5f2a9;}


/* ============ STORE */
.storepage .page-content,
.store-item-wrapper { width:100%; max-width: initial; line-height:initial; align-items: top; justify-content: center;}
.store-item-wrapper, .storesingleitem .page-content {font-size:12pt;  font-family: 'Capraia-Light', serif; }
.loadmore-btn {font-family: 'Capraia-Light', serif; font-size:12pt;}
/* items */
.store-item-wrapper {margin: 0; width: 100%;}
.store-item-wrapper.horizontal {margin: 0px; width: 100%;}

.store-item-link:hover {text-decoration:none !important;}
 /* cart preview */
.shopping-cart-preview {width:350px; max-width:100%;}
.shopping-cart-preview-dropdown { font-family: 'Capraia-Light', serif; font-size:12pt;}
.shopping-cart-preview-items div {padding: 10px 0;}
.shopping-cart-preview-btn-container .btn {background: var(--main-color); color: #fff; font-weight: bold; height: 45px; width:100%; margin-bottom:-10px;}

/* item */
.store-item-field-autore {color: #530152; font-size: 12pt;}
.store-single-item-name { font-size: 14pt;}
.store-single-item-creator {color: #790477; font-size: 12pt; font-weight:bold;}
.store-single-item-description {margin-top:50px; font-size: 12pt; font-family: 'Capraia-Light', serif; line-height:1.6; padding-right:15px;}
.single-item-related-items {margin-top:50px;}
.store-single-item-categorylink {color: #790477;}
.store-item-cart-btn.single-item {width:100%;}
.store-tag {background: #790477; color:#fff !important; border-color: #790477; font-variant: small-caps; font-weight: bold}
.store-tag:hover {text-decoration: none !important;}
.store-item-cart-btn:disabled {opacity:0.5;}

.store-item {flex: 1 1 16%; max-width: 200px; border: none; margin:0; font-size:110%;}
.store-item.single-item-embedded {margin:5px; font-size:100%;}
.store-item-img {width: 100%;}
.store-item-img-container {transition:0s !important;}
.store-item-img.basket {width: 70px;}
.store-item-price-span {font-size:120%;}
.store_checkout_sidebar_box {border:1px solid var(--main-color); background: var(--main-color-light);}
.btn.store-item-cart-btn  {color: #333; font-weight: bold; background: #ffb400; border: none; font-size: 10pt; }
a.store-item-cart-btn:hover {color:initial; opacity:1;}
a.store-item-cart-btn.active {opacity:1; color: var(--main-color);}
.btn-coupon, a.btn-gotocheckout {width:100%; color: #333 !important; font-weight: bold; font-size: 14pt; 
background-color: #ffb400 !important;}
.btn-coupon {border: none !important;}

.shopping-cart-quantity-badge {background: var(--main-color); box-shadow: 0 0 3px 3px var(--main-color);}


.store-select-category-span {display:none;}
.store-select-category {background: var(--main-color-light); color: #000; font-size:120%; padding-left:10px; border: 1px solid var(--main-color); padding-right: 20px !important;;}
.store-select-category-span:before {content: '▼'; position: absolute; right: 0; top:0; background: #333; height: 26px; 
width: 10px; z-index: 99; color: #fff; font-size: 14pt; padding: 8px 8px 6px 3px; pointer-events: none;}
.category-cb-label {background: var(--main-color-light); font-weight: bold; border: 1px solid var(--main-color);}

/* searchbar catalogo */
.storepage .store-tools {margin-right:10px;}
.storepage .store-tools .ad-search-btn {height: 37px; font-weight: bold; background: #333; color: #f0f0f0;}
.storepage .store-tools i.tool {font-size: 37px; opacity:0.7;}
.storepage .store-searchbar {width: 300px; height:40px; margin-right:5px; padding-top: 1px;}
.storepage .store-searchbar .searchbar-container * {height: 35px; border: none;}
.storepage .store-searchbar .searchbar-container *:hover {filter: brightness(90%);}
.storepage .store-searchbar .searchbar-container input {background: var(--main-color-light); color: #000; font-size:120%; padding-left:10px; border: 1px solid var(--main-color);}
.storepage .store-searchbar .searchbar-container button {background: #333; color: #fff; font-size: 15pt; padding-top:4px;}
.store-advanced-search-box {border: 2px solid #000; background: #fff;}
.advanced-search-searchbtn {background: #333; color:#fff; font-weight:bold;}

/* coupon */
.store-coupon-form {border:2px solid #000;}
.store-coupon-form textarea {font-size:15pt; }
.store-coupon-form .inp[type=text], .store-coupon-form .inp[type=email] {font-size:15pt; height:2.5em !important;}
.coupon-ad {display:block; font-family: 'Capraia-Light', serif; font-size: 14pt; position: absolute; top:50%; right:0; width: 170px; background: var(--main-color); padding:20px; transition: 0.5s ease-out; outline: rgb(0, 0, 0) solid 5px; box-shadow: rgb(51, 51, 51) 0px 0px 8px 5px; z-index:150;}
.coupon-ad:hover {filter: brightness(90%);}
.coupon-ad a:hover {color:#fff;}
/* basket */
.storepage.storebasket .page-content, .storepage.storecheckout .page-content {font-size:11pt;}
.store-basket-actions .btn {font-weight: bold;}
.btn.empty-cart-btn {background: transparent; border: 2px solid #333; color: #333;}
.btn.empty-cart-btn:hover {background: #ddd;}
/* checkout */
.checkout-single-item {margin-top: 6px;}
.stepbar-container-mobile {font-size:15pt; color:#9956b7; background:#d9d9d9; font-weight:bold;}
.done.transaction-confirm {font-size: 16pt;}


/* audio player */
.podcast-container .player {border: 0 solid #333; padding: 20px; background: #fff; border-radius: 15px;  box-shadow: 0 0 24px -5px #333; margin: 10px 0;}
.podcast-container .play-list .play-list-row {border-left: 20px solid purple; background: #eaeaea;}

/* eventi */
.eventbox {max-width: calc(33% - 20px); min-width: initial; width: initial; position: relative; padding-bottom: 170px; text-align:initial; line-height:initial;}
.eventbox .when {font-weight:bold; color: var(--main-color); padding-bottom:10px; border-left: 20px solid var(--main-color);}
.eventbox .info {padding-top:0px; padding-bottom:0;}
.eventbox .date {font-size:130%;}
.eventbox .title {font-size:120%;}
.eventbox .where {font-size:10pt;}
.eventbox .img {position:absolute; width:100%; bottom:0;}

.eventspage, #page-content-5 {max-width:100%; width:100%;}
.eventspage, #page-content-99 {max-width:100%; width:100%;}

.event-single .info {border-left: 40px solid var(--main-color); padding: 20px; margin: 15px 0; background: #d8c3db;}
.event-single .img {max-width:100%; margin-top:20px;}

/* footer */
.footer .menu > li:last-of-type {border-bottom: none;}
.footer .menu-container {margin-top:15px;}
.footer h2 {text-transform: uppercase;}
.footer {padding: 30px 130px;}
.footer .menu .menu-item {padding: 5px 0;}
.footer .menu .menu-item a {font-weight: normal; font-size: 14pt;}
.footer .social-btns {font-size: 20pt;}
.copyright_string {background: #242424; color: #6c6c6c;}


.footer_right .social-btns-div {margin: 20px 0;}
.footer .newsletter-box .btn {background: var(--main-color); color: #000; border: 1px solid var(--main-color); border-radius: 0 5px 5px 0;}
.footer .newsletter-box input {border-radius: 5px 0 0 5px; }

@media screen and (max-width: 600px) {
    .homepage .container {margin: 10px 0; padding:0;}
    #div_all {padding: 0px 5px; margin:0; max-width: initial;}
    .homepage #div_all {padding-top:0;}
    .welcome-homepage-image {margin:0; width:100%; overflow:hidden; text-align:left;}
    .welcome-homepage-image img {position:relative; width:207%; min-height:initial; height:auto; left: 0; transform: translateX(0%);}

    .container-all-articles, .homepage .container-all-articles {padding: 30px 10px; margin:0;}
    .container-all-articles-flexbox .article-subcontainer {margin:15px 0; width:100%;}
    .article-header-img.preview img {width: 100%; height:auto;}
    
    .storepage.storebasket, .storepage.storecheckout{width:100%;}

    .eventbox {max-width: 100%; width: 100%;}

    .footer {padding: 30px;}
    .footer {font-size: 150%;}
    .footer .menu .menu-item {font-size: 100%;}
    .container-page {width:90%;}
    .menu > li {border:none;}
    
    .page-title {font-size:20pt;}
    
    
    
    .store-item-wrapper {margin: 0; width: 100%;}
    .store-item {max-width:100%; flex: 1 1 100%; width: 100%; margin:5px 10px;}
    .store-single-item-description {margin-top:15px;}
    
    .store-item-wrapper.slick-carousel .store-item {width: calc(100vw - 60px);}
    
    .storepage .store-searchbar {width:100%; margin:0;}
    
    .coupon-ad {display:none;}
    
}