/*!
Theme Name: Artquiz2018
Theme URI: http://www.artquiz.it/
Author: Elisa Bellina
Author URI: http://kamidesign.it/
Description: Custom theme for artquiz.it website
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: artquiz2018
*/

@import "webfonts/style.css";

body {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	background: #fff;
	color: #272727;
	font-size: 92%;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}

.container {
	width: 1200px;
	max-width: 98%;
	margin: 0 auto;
	padding: 0;
	background: transparent;
	}

html, body { width: 100%; height: 100%; }


a img { text-decoration: none; border: 0 none; float: left; margin: 0; }
a { text-decoration: none; font-weight: 100; }
p a, a h2, a h3, a h4, a h5, a h6, #page a h2, #page a h3, #page a h4, #page a h5, #page a h6, #page a, #page .contents table a, #cookie-notice a, #comments .nav-links .page-numbers.current { color: #4080bf; }
p a, p a:visited, #page a, #cookie-notice a, #comments .nav-links .page-numbers.current { font-weight: 700; }
a:hover, p a:hover, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6, #page a:hover h2, #page a:hover h3, #page a:hover h4, #page a:hover h5, #page a:hover h6, #footer a:hover, #page a:hover, #page .contents table a:hover, #cookie-notice a:hover, #page .products-list .col_1-3 a:hover h2, #page .products-list .col_1-3 a:hover .subtitle { color: #f4743b; text-decoration: none; transition: all 0.5s; }
input:focus, textarea.sticky:focus, select:focus { outline: none; }
	
h1, h2, h3, h4, h5, h6 { width: 100%; float: left; clear: both; margin: 0; padding: 0; font-weight: 700; }
#page h2, #page h3, #page h4, #page h5, #page h6  { color: #3f3f3f; }

p { width: 100%; line-height: 25px; clear: both; float: left; margin: 0 0 25px 0; padding: 0; text-align: justify; }
p strong { font-weight: 700; }

img { width: 100%; height: auto; float: left; margin: 0; padding: 0; }
p img { margin-bottom: 6px; }
#page .contents img { width: auto; max-width: 100%; }
#page .contents img.alignright { float: right; }
#page .contents img.aligncenter { display: block; margin-left: auto; margin-right: auto; float: none; }

.uppercase { text-transform: uppercase; }
.clear { clear: both; }
.center { text-align: center; }
.red, .required { color: #ef3434; }
.scrollup {
	width: 60px;
	height: 60px;
	opacity: 0.3;
	position: fixed;
	bottom: 60px;
	right: 60px;
	display: none;
	color: #fff;
	background: #222;
	border-radius: 4px;
	text-align: center;
	padding: 4px 0 0 0;
	z-index: 9999;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
	}

.scrollup span { font-size: 360%; color: #fff; }
.scrollup:hover { opacity: 0.9; }

p.akismet_comment_form_privacy_notice { width: 870px; max-width: 100%; margin: 0 auto; float: none; display: block; padding-top: 30px; }


/*-----------------------------------------------------------------------------------------------
   elementi ripetuti
-----------------------------------------------------------------------------------------------*/

.line-blue, hr {
	width: 100px;
	clear: both;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
	border-top: 1px solid #a6c3e1;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}

hr { width: 95%; float: left; margin: 50px 2.5%; padding: 0; height: 1px; border-width: 0; color: #a6c3e1; background-color: #a6c3e1; }
#page .full_width hr, #page .col_1-1 hr { width: 100%; margin-left: 0; margin-right: 0; }

a.btn, a.btn:visited, #page .contents form input.btn, #comments form.comment-form #submit, #page .wpcf7 form input.wpcf7-submit, #page.post-9999999 .contents form input.subscribe-form-button {
	font-weight: 700;
	max-width: 100%;
	float: none;
	display: inline-block;
	margin: 0;
	padding: 6px 16px 7px 16px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 17px;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	transition: all 0.5s;
	}

a.btn.blue, #page .contents form input.btn, #comments form.comment-form #submit, #page .wpcf7 form input.wpcf7-submit, #page.post-9999999 .contents form input.subscribe-form-button, #page a.btn { float: left; clear: both; background: #3c77b3; }
#comments form.comment-form #submit, #page.post-9999999 .contents form input.subscribe-form-button { float: none; }
.center a.btn.blue, #page .shop_options a.btn, #page .shop_option.shop_option2 a.btn { float: none; }
a.btn.white { border: 1px solid #e6e6e6; }
a.btn.white:hover  { background: #4080bf; border-color: #4080bf; }

#cta a.btn, #page .shop_options .shop_option.offerta a.btn { background: #2f5e8c; }
#cta a.btn { margin-top: 27px; }

#page .contents form input.btn, #comments form.comment-form #submit, #page .wpcf7 form input.wpcf7-submit, #page.post-9999999 .contents form input.subscribe-form-button { cursor: pointer; border: none; font-family: 'Montserrat'; font-size: 100%; font-weight: 700; clear: none; }
#page .contents form input.btn.right { float: right; }

a.btn span { margin-left: 10px; }

#page .contents table a.btn, #page a.btn { color: #fff; }
a.btn:hover, #cta a.btn:hover, #page .shop_options .shop_option.offerta a.btn:hover, #footer a.btn:hover, #page .contents form input.btn:hover, #page a.btn:hover, #comments form.comment-form #submit:hover, #page .wpcf7 form input.wpcf7-submit:hover, #page.post-9999999 .contents form input.subscribe-form-button:hover { text-decoration: none; background: #f4743b; color: #fff; }

#page p a.btn { float: none; line-height: normal; }


#page p a.btn.bonus18app2 { padding: 0 26px 21px 26px; border-radius: 35px; }
#page p a.btn.bonus18app2:after {
  font-family: 'icomoon' !important;
  src:  url('fonts/icomoon.eot?s439bx');
  src:  url('fonts/icomoon.eot?s439bx#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?s439bx') format('truetype'),
    url('fonts/icomoon.woff?s439bx') format('woff'),
    url('fonts/icomoon.svg?s439bx#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
	
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

	content: "\e900";
	font-size: 260%;
	position: relative; 
	top: 11px;
	margin-left: 16px;
	}


/*-----------------------------------------------------------------------------------------------
   colonne
-----------------------------------------------------------------------------------------------*/

.col_1-1, .col_3-4, .col_2-3, .col_1-2, .col_1-3, .col_1-4, .content-column {
	float: left;
	margin: 0 2.5%;
	padding: 0;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}

.content-column.full_width, .col_1-1 { width: 95%; }
.col_2-3 { width: 61.67%; }
.content-column.one_half, .col_1-2 { width: 45%; }
.content-column.one_third, .col_1-3 { width: 28.33%; }
.col_1-4 { width: 20%; }

.clear_column { width: 100%; float: left; clear: both; margin: 0; padding: 0; }


/*-----------------------------------------------------------------------------------------------
   header
-----------------------------------------------------------------------------------------------*/

#header {
 	width: 100%;
	margin: 0;
	padding: 46px 0 0 0;
	float: left;
	font-size: 96%;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;

	color: #fff;
	}


#header .mobileNav { display: none; }
#header .icon-Artquiz-logo { font-size: 345%; }

#header .col_1-1.cnt { margin-bottom: 24px; }
#header .col_1-1.brd { height: 1px; border-bottom: 1px solid #ccc; }



/* navigator */

#header .navigator { font-size: 94%; width: calc(100% - 200px); margin: 0; padding: 0; float: right; text-align: right; }
#header .navigator ul { margin: 10px 0 0 0; padding: 0; width: 100%; }
#header .navigator ul li { 
	margin: 0 0 0 23px;
	padding: 0; 
    list-style-type: none;
    display: inline-block;
	}
#header .navigator ul li:first-child { margin-left: 0; }

#header a, #header a:visited, #header .mobileNav a { 
	color: #fff;
	text-transform: uppercase;
    text-decoration: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-weight: 500;
	}
@media only screen and (max-width:1020px) { #header .navigator a { color: #272727; } }
#header a:hover, #header li.current-menu-item a, #header li.current-page-ancestor a, body.single-post #header li.menu-item-2121 a, body.archive #header li.menu-item-2121 a, #header .mobileNav a:hover, #header .mobileNav.bounce a { color: #4080bf; }
#header li.current-menu-item a, #header li.current-page-ancestor a, body.single-post #header li.menu-item-2121 a, body.archive #header li.menu-item-2121 a { font-weight: 700; }


/*-----------------------------------------------------------------------------------------------
   homepage
-----------------------------------------------------------------------------------------------*/

/* welcome intro */

#welcome h1, body.home #header a { text-shadow: 0 0 5px #000, 1px 1px 20px #000; }

#welcome.home {
	width: 100%;/*
	height: 100%;
	min-height: 100%;*/
	height: 900px;
  	margin: 0;
	padding: 0;/*
	position: absolute;*/
	position: relative;
	top: 0;
	left: 0;
	z-index: 50;
	text-align: center;
	text-transform: uppercase;
	
	display: table; 
	color: #fff;
	background: url(images/home-bk.jpg) center bottom no-repeat transparent;
	background-size: cover;
	}

#welcome.page {
	height: 110px;
	padding-top: 130px;
	background: url(images/pages-bk.jpg) center bottom no-repeat transparent;
	background-size: cover;
	}

#welcome .container { width: 98%; max-width: 1200px; }

#welcome .title-home, #welcome .button { position: absolute; width: 96%; max-width: 1200px; }
#welcome .title-home { top: 157px; }
#welcome .button { bottom: 40px; }

#welcome h1 { font-size: 194%; line-height: 48px; width: 90%; margin-bottom: 18px; float: none; display: inline-block; }
#welcome h1 strong { font-size: 194%; }

#welcome.page .col_1-1 { text-align: center; }
#welcome.page .col_1-1 .contents { width: 900px; max-width: 100%; height: 110px; float: none; display: inline-block; position: relative; }
#welcome.page .col_1-1 a.btn { float: right; margin: 33px 0 0 0; }
#welcome.page .col_1-1 .img-bk { position: absolute; bottom: 0; left: 0; width: auto; max-width: 100%; }
#welcome.page.acquista .col_1-1 .img-bk { position: absolute; bottom: 0; width: 90%; max-width: 590px; left: 50%; transform: translateX(-50%); }


/* contents */

#homepage {
 	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	z-index: 60;
	}
/* problema visualizzazione Chrome
body.home #homepage, body.home #cta, body.home #optional-bar, body.home #footer { position: relative; top: 100%; left: 0; }*/

#homepage .values, #homepage .highlights, #homepage .lastest-news { width: 100%; float: left; clear: both; margin: 0; padding: 66px 0 80px 0; }
#homepage .highlights, #optional-bar { background: #f8f8f8;}/*
#homepage .title { width: 100%; float: left; clear: both; margin: 0; padding: 0; }*/

#homepage h2 { font-size: 220%; line-height: 48px; font-weight: 500; color: #404040; margin-bottom: 10px; }
#homepage h2 strong { font-size: 150%; font-weight: 700; }

#homepage .values .title { margin-bottom: 54px; }
#homepage .values .value { width: 100%; margin: 0; padding: 0; float: left; }

#homepage .values [class^="icon-"], #homepage .values [class*=" icon-"] { 
	width: 60px; 
	height: 60px; 
	float: left; 
	font-size: 210%; 
	color: #6699cc; 
	text-align: center;
	padding-top: 13px;
	border: 2px solid #373737; 
	border-radius: 50%; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
	}
#homepage .values .icon-18app { font-size: 300%; color: #6699cc; padding-top: 7px; }

#homepage .values .text { width: calc(100% - 60px); margin: 18px 0 0 0; padding: 0 0 0 30px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#homepage .values .text p { margin-bottom: 13px; }

#homepage h3, #homepage h4, #homepage h5, #homepage h6 { font-size: 110%; text-transform: uppercase; margin-bottom: 2px; }

#homepage .title-bar { font-family: "Oswald"; font-size: 350%; text-transform: uppercase; letter-spacing: -0.02em; line-height: 65px; color: #505050; width: 100%; float: left; margin: 0; padding: 0; }

#homepage .news-list { width: 100%; float: left; clear: both; margin: 0; padding: 0; }
#homepage .lastest-news .news-list { margin-top: 50px; margin-bottom: 37px; }

#homepage .highlights .news-list { text-align: center; }
#homepage .highlights .news-list .col_1-3 { width: 33%; float: none; margin: 55px 0 0 0; padding: 0 25px; display: inline-block; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#homepage .highlights h4, #homepage .lastest-news h5 { line-height: 22px; }
#homepage .highlights h4 { margin-top: 32px; margin-bottom: 15px; }
#homepage .lastest-news h5 { font-size: 100%; margin-bottom: 0; }

#homepage .highlights .icon-pin { font-size: 370%; color: #dadada; }

#homepage .lastest-news .date, #page.news-list .date, #page.single-post .title .date { font-size: 84%; color: #969696; text-transform: uppercase; }
#homepage .lastest-news p { margin-top: 17px; }


#optional-bar {
 	width: 100%;
	margin: 0;
	padding: 50px 0;
	float: left;
	clear: both;
	text-align: center;
	}

#optional-bar .col_1-1 { border: 1px solid #a6c3e1; max-width: 940px; margin: 0 auto; padding: 56px 100px 35px 100px; float: none; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/*-----------------------------------------------------------------------------------------------
   page
-----------------------------------------------------------------------------------------------*/

#page, #comments {
 	width: 100%;
	margin: 0;
	padding: 60px 0 55px 0;
	float: left;
	}
body.comments-open #page { padding-bottom: 0; }

#page .col_1-1.title { margin-bottom: 67px; }
#page h1 { font-family: "Oswald"; font-size: 350%; line-height: 65px; letter-spacing: -0.02em; color: #505050; }

#page h2, #page h3 { font-size: 250%; margin-bottom: 50px; }
#page h3 { font-size: 200%; margin-top: 30px; }
#page h4, #page h5, #page h6  { font-size: 120%; margin-bottom: 25px; }
#page h1, #page h2, #page h3, #page h4, #page h5 { text-transform: uppercase; }

#page ul, #page ol { width: 100%; float: left; margin: 0 0 25px 0; line-height: 25px; padding: 0 0 0 20px; text-align: justify; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#page ul li, #page ol li { width: 100%; float: left; margin: 0; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

#page .tab { width: 100%; float: left; margin: 0 0 25px 0; padding: 24px 30px 0 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#page .tab.grey { background: #f0f0f0; }
#page .tab ul, #page .tab ol { padding-left: 0; list-style-type: none; }
#page .tab ul li, #page .tab ol li { margin-bottom: 4px; }

#page .contents { width: 100%; float: left; margin: 0; padding: 0; }


/* single posts */

#page.single-post .title .date { color: #747474; margin-top: 15px; }

#page.single-post { text-align: center; }
#page.single-post .contents { width: 100%; max-width: 870px; margin-left: auto; margin-right: auto; float: none; }
#page.single-post .contents { text-align: left; }


/* commenti */

#comments { margin-top: 30px; background: #f0f0f0; text-align: center; }

#comments p.logged-in-as, #comments p.comment-form-comment label, #comments p.form-submit, p.akismet_comment_form_privacy_notice { text-align: center; }

#comments .comments-title, #comments .comment-reply-title, #comments #respond { width: 100%; float: left; margin: 0; padding: 0; font-weight: 700; }
#comments .comments-title { margin-bottom: 45px; font-size: 170%; }
#comments .comment-reply-title { margin-bottom: 45px; font-size: 120%; }
#comments #respond { font-weight: 400; padding-top: 10px; }

#comments ol { 
	width: 100%; max-width: 870px; margin: 0; padding: 0; list-style-type: none; margin-left: auto; margin-right: auto; float: none;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
   }
#comments ol li { 
	width: 100%; 
	float: left; 
	margin: 0 0 35px 0; 
	padding: 30px 35px 0 35px; 
	text-align: left; 
	background: #f8f8f8; 
	border-radius: 8px;
	border: 1px solid #dfdfdf;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  
	}
#comments ol li ol { width: 100%; margin: 0 0 35px 0; padding: 0; float: left; }
#comments ol li ol li { 
	margin: 0; 
	padding: 0 0 0 35px; 
	border-radius: 0;
	border: none;
	border-left: 2px solid #dfdfdf;
	}

#comments .comment-content, #comments .reply, #comments .nav-links { width: 100%; margin: 0; padding: 0; float: left; }
#comments .comment-content { margin-top: 25px; }
#comments .reply { margin-bottom: 31px; text-align: right; }
#comments ol li ol .reply { margin-bottom: 0; }

#comments .comment-metadata { font-size: 84%; color: #969696; text-transform: uppercase; }
#comments .comment-metadata a { color: #969696; font-weight: 500; }

#comments form.comment-form {
	width: 870px;
	max-width: 100%;
	margin: 0 auto;
	float: none; 
	display: block;
	}
#comments ol .comment-respond form.comment-form { margin-bottom: 31px; float: left; }

#comments form.comment-form label { width: 100%; float: left; margin: 0 0 8px 0; padding: 0; }

#comments form.comment-form input[type=text], #comments form.comment-form input[type=email], #comments form.comment-form input[type=url], #comments form.comment-form textarea, #page .wpcf7 form input.wpcf7-text {
	width: 100%;
	margin: 0;
	padding: 5px 8px 6px 8px;
	float: left;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: 'Montserrat';
	color: #272727;
	font-size: 100%;
	background: #fff;

   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}
#comments form.comment-form textarea { margin-bottom: 15px; line-height: 25px; }

#comments p.form-submit { margin-bottom: 0; margin-top: 20px; }

#comments form.comment-form .subscribe-to-comments input { float: left; margin: 6px 6px 0 0; }
#comments form.comment-form .subscribe-to-comments label { width: auto; }

#comments #respond p.comment-form-author, #comments #respond p.comment-form-email { clear: none; width: calc(50% - 13px); text-align: left; }
#comments #respond p.comment-form-author { margin-right: 26px; }


/* pagina gestione iscrizioni commenti */

#page.post-9999999 .contents { width: 95%; margin: 0 2.5%; }

#page.post-9999999 .contents fieldset { width: 100%; margin: 0; padding: 0; border: none; }

#page.post-9999999 .contents table { margin-bottom: 15px; }
#page.post-9999999 .contents table, #page.post-9999999 .contents table th, #page.post-9999999 .contents table td { border: 1px solid #ccc; }
#page.post-9999999 .contents table th, #page.post-9999999 .contents table td { padding: 15px 10px 15px 10px; }

#page.post-9999999 .contents form label { width: auto; margin: 0 0 0 5px; float: none; }
#page.post-9999999 .contents form .styled-select { width: 300px; margin-right: 10px; }
#page.post-9999999 .contents p#subscribe-reloaded-action-p { margin-bottom: 5px; }


/* form */

#page .wpcf7, #page .wpcf7 form { width: 100%; margin: 0; padding: 0; float: left; }
#page .wpcf7 form input.wpcf7-text { max-width: 400px; margin-top: 5px; }

#page .wpcf7 .wpcf7-response-output {
	width: 98%;
	float: left;
	clear: both;
	margin: 10px 0 0 0;
	padding: 2%;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}

#page span.wpcf7-not-valid-tip {
	width: 90%;
	float: left;
	clear: both;
	}


/* faq e risultati ricerca */

#page #faq-block { width: 95%; float: left; margin: 0 2.5%; padding: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#page #faq-block .faq-list, #page #faq-block .single-faq, #page .search-results .search-result { width: 100%; float: left; margin: 0; padding: 0; }

#page #faq-block .single-faq, #page .search-results .search-result { 
	padding: 30px 35px 6px 35px; 
	margin-bottom: 35px;
	border: 1px solid #dfdfdf;
	border-radius: 4px; 
	background-color: #f8f8f8; 
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
	}

#page #faq-block h2, #page .search-results h2 { font-size: 150%; text-transform: none; color: #4080bf; margin-bottom: 25px; }
#page #faq-block h2:hover { color: #f4743b; cursor: pointer; }


/* archivio news e singoli post */

#page.news-list h2 { font-size: 110%; text-transform: uppercase; margin-bottom: 0; }

#page.news-list .col_1-3, #page.news-list .col_1-1 { margin-bottom: 35px; }

#page .pagination, #comments .nav-links { padding: 50px 0 60px 0; }
#page.news-list .pagination { padding: 50px 0 60px 0; border-top: 1px solid #dfdfdf; }
#page .pagination ul { width: 100%; float: left; margin: 0; padding: 0; text-align: center; }
#page .pagination ul li { 
	margin: 0;
	padding: 0; 
    list-style-type: none;
    display: inline;
	float: none;
	}

#page .pagination ul li a, #page .pagination ul li a:hover, #page .pagination ul li.active a, #page .pagination ul li.disabled, #comments .nav-links .page-numbers { padding: 6px 12px 7px 12px;}
#page .pagination ul li.active a, #comments .nav-links .page-numbers.current { background-color: #dfdfdf;  border-radius: 17px; cursor: pointer; padding-left: 16px; padding-right: 16px;   }

#page.news-list .date a { color: #969696; font-weight: 400; }

#page.news-list p { margin-top: 5px; }


/* pagina libri + singoli libri */

#page .products-list, #page.libro .tabs { width: 100%; float: left; margin: 0; padding: 0; }
#page .products-list { text-align: center; }

#page .products-list .col_1-3 { width: 33%; float: none; margin: 0; padding: 0 20px; display: inline-block; vertical-align: top; }
#page .products-list .col_1-3 h2 { font-size: 190%; margin-top: 10px; margin-bottom: 5px; color: #505050; }
#page .products-list .col_1-3 .subtitle { color: #969696; font-weight: 400; font-size: 95%; }

#page.libro .col_1-1.title { margin-bottom: 62px; }
#page.libro .text { margin-top: 5px; }

#page.libro .thumb { text-align: center; }
#page.libro .thumb img { width: auto; max-width: 100%; float: none; display: inline-block; }

#page.libro .tabs .details { color: #3b3b3b; padding: 24px 30px 5px 30px; margin-top: 17px; }
body.page-id-2240 #page.libro .tabs .details, body.page-id-2242 #page.libro .tabs .details, body.page-id-2240 #page.libro .tabs .details h2, body.page-id-2242 #page.libro .tabs .details h2 { color: #fff; }
body.page-id-2211 #page.libro .tabs .details { background: #fcba42; } /* studio */
body.page-id-2240 #page.libro .tabs .details { background: #eb1e52; } /* simulazioni */
body.page-id-2242 #page.libro .tabs .details { background: #1e4292; } /* teoria */
body.page-id-2211 #page.libro .tabs .details.grey, body.page-id-2240 #page.libro .tabs .details.grey, body.page-id-2242 #page.libro .tabs .details.grey { background: #f0f0f0; }
#page.libro .tabs .details h2, #page.libro .tabs .details h3 { font-size: 120%; margin-bottom: 10px; margin-top: 0; }

#page.libro .tabs ul { width: 100%; float: left; margin: 0 0 25px 0; padding: 0; }
#page.libro .tabs ul li { margin: 0; list-style-type: none; }

#page.libro .tabs a.btn { margin-bottom: 25px; background: #484846; border: 1px solid #737370; }
#page.libro .tabs a.btn:hover { background: #030303; border: 1px solid #62625f; }


/* pagina acquista */

#page .shop_options { width: 100%; float: left; margin: 0; padding: 0; text-align: center; }
#page .shop_options .shop_option { background: #f0f0f0; padding: 24px 30px 30px 30px; margin-bottom: 30px; }
#page .shop_options .shop_option p { text-align: center; }
#page .shop_options .shop_option.offerta { background: #4e8fc9; }/*
#page .shop_options .shop_option.col_1-1.offerta { background: #fcc598; }*/
#page .shop_options .shop_option.col_1-1.offerta2, #page .shop_options .shop_option.offerta:nth-child(3) { background: #1a3854; }

#page .shop_options h2 { font-size: 200%; margin-bottom: 30px; }
#page .shop_options .shop_option.offerta, #page .shop_options .shop_option.offerta h2 { color: #fff; }/*
#page .shop_options .shop_option.col_1-1.offerta, #page .shop_options .shop_option.col_1-1.offerta h2 { color: #272727; }*/

#page .shop_options .shop_option.offerta p { font-weight: 500; }

#page .shop_options .shop_option.offerta:nth-child(2) a { color: #fff; }
#page .shop_options .shop_option.offerta:nth-child(2) a:hover { color: #1a3854; }

#page .shop_options .shop_option .text { width: 100%; float: left; margin: 0; padding: 0; }


/* search form */

#page .searchform, #page .searchform form, #footer form { width: 100%; margin: 0; padding: 0; float: left; }
#footer form { margin-top: 8px; }

#footer form .textbox, #page .searchform form .textbox {
 	width: 100%;
	max-width: 343px;
	margin: 0;
	padding: 7px 12px 8px 12px;
	float: left;
	border: 1px solid #d2d2d2;
	border-radius: 8px;
	font-family: 'Montserrat', sans-serif;
	font-size: 100%;
	color: #151515;
   	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	}
#footer form .textbox { background: #242424; }

#footer form .button, #page .searchform form .button { display: none; }


#page .shop_option.shop_option2 { background: #f0f0f0; padding: 24px 30px 30px 30px; margin-bottom: 30px; text-align: center; }
#page .shop_option.shop_option2 p { text-align: center; }
#page .shop_option.shop_option2 h2 { font-size: 200%; margin-bottom: 30px; }


/*-----------------------------------------------------------------------------------------------
   tabelle e form
-----------------------------------------------------------------------------------------------*/

#page .contents table {
    width: 100%;
    margin: 5px 0 0 0;
    float: left;
    border-collapse: collapse;
	}
#page .contents table table { margin-top: 0; margin-bottom: 30px; }
#page .contents table table, #page .contents table table th, #page .contents table table td { border: 1px solid #ccc; }
#page .contents table.btns, #page .contents table.btns th, #page .contents table.btns td { border: none; }

#page .contents table th, #page .contents table td {
	padding: 0;
	text-align: center;
	vertical-align: top;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}
#page .contents table table th, #page .contents table table td { padding: 15px 10px 15px 10px; }
#page .contents table th { font-weight: 700; color: #fff; background: #3c77b3; }
#page .contents table table td.qty { padding-top: 9px; padding-bottom: 0; }
#page .contents table.btns th, #page .contents table.btns td { padding: 0; }

#page .contents table .book { width: 70.2%; }
#page .contents table .price, #page .contents table .price1 { width: 17.5%; }
#page .contents table .qty { width: 12.3%; }
#page .contents table .book { width: 40%; }
#page .contents table .sale { width: 12.7%; }

#page .contents table.dati-cliente td { width: 50%; }

#page .contents table table tr:nth-child(even), #page .contents table table tr.grey { background-color: #f0f0f0; }


#page .contents form {
 	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	}
#page .contents form#fatturazione { margin-top: 25px; }

#page form label { width: 100%; float: left; margin: 0 0 8px 0; padding: 0; }

#page .contents form input[type=text], #page .contents form textarea {
	width: 100%;
	margin: 0;
	padding: 5px 8px 6px 8px;
	float: left;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-family: 'Montserrat';
	color: #272727;
	font-size: 100%;
	background: #fff;

   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
	}
#page .contents table td.qty input[type=text] { width: 50px; max-width: 100%; float: none; text-align: center; }
#page .contents form textarea { margin-bottom: 15px; }

#page .contents form input[type="radio"], #page .contents form input[type="checkbox"] { clear: both; display: inline-block; }
#page .contents form input[type="radio"] { margin: 0 10px 0 0; }
#page .contents form input[type="checkbox"] { margin: 10px 10px 15px 0; }


.styled-select {
   	width: 100%;
   	height: 31px;
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-radius: 4px;
	float: left;
   	background: #FFF;
   	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;
 	}

.styled-select select {
   	width: 100%;
	margin: 0;
	padding: 0 0 0 5px;
	height: 29px;
	float: left;
   	border: none;
	font-family: 'Montserrat';
	color: #272727;
	font-size: 100%;
   	
	-moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
   	box-sizing: border-box;/*
 	-webkit-appearance:none;*/
	}

@media screen and (min--moz-device-pixel-ratio:0) {
	.styled-select { height: 32px; }
	.styled-select select { height: 30px; }
}

.styled-select select option { color: #626262; font-family: 'Montserrat'; font-size: 100%; }
.styled-select select option:disabled { color: #b7b7b7; }

#page form .col_1-1, #page form .col_1-2 { margin-bottom: 20px; }
#page form#tariffe .col_1-2.btns { margin-top: 20px; }



/*-----------------------------------------------------------------------------------------------
   cta
-----------------------------------------------------------------------------------------------*/

#cta {
 	width: 100%;
	margin: 0;
	padding: 80px 0 0 0;
	float: left;
	clear: both;
	color: #fff;
	background: url(images/cta-bk.jpg) center bottom no-repeat #4080bf;
	background-size: cover;
	
	
	}

#cta h6 { font-size: 330%; line-height: 70px; font-weight: 800; margin-bottom: 44px; }
#cta p { font-size: 120%; line-height: 29px; font-weight: 500; }
#cta .btn { margin-bottom: 80px; }

#cta .row { width: 100%; margin: 0; padding: 0; float: left; position: relative; }
#cta .img { position: absolute; bottom: 0; right: 0;}


/*-----------------------------------------------------------------------------------------------
   footer
-----------------------------------------------------------------------------------------------*/


#footer {
	width: 100%;
  	margin: 0;
	padding: 65px 0 42px 0;
	float: left;
	color: #ddd;
	font-weight: 500;
	background: #242424;
	}

#footer .title { font-size: 110%; text-transform: uppercase; font-weight: 800; width: 100%; float: left; margin: 0 0 13px 0; padding: 0; }

#footer ul { width: 100%; float: left; margin: 0 0 25px 0; padding: 0; }
#footer ul li { margin: 0 0 13px 0; list-style-type: none; }

#footer .btn { margin-bottom: 30px; }

#footer input[placeholder], #footer [placeholder], #footer *[placeholder] { color: #9a9a9a; }
#footer ::-webkit-input-placeholder { /* WebKit browsers */ color: #9a9a9a; }
#footer :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #9a9a9a; opacity: 1; }
#footer ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #9a9a9a; opacity: 1; }
#footer :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #9a9a9a; }

#footer .col_1-1 { font-size: 75%; border-top: 1px solid #3f3f3f; color: #aeadad; margin-top: 10px; padding-top: 38px; }

#footer a { color: #ddd; text-decoration: none; font-weight: 800; }
#footer .col_1-1 a { font-weight: 500; }

#footer  img { width: auto; margin-bottom: 20px; }

/*
===========================================================================================
	media queries
===========================================================================================
*/

/* scrollup */
@media only screen and (max-width:1200px) {

	.scrollup { width: 50px; height: 50px; bottom: 30px; right: 30px; padding-top: 3px; }
	.scrollup span { font-size: 300%; }

	}

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

	.scrollup { width: 40px; height: 40px; bottom: 20px; right: 20px; }
	.scrollup span { font-size: 250%; }

	}


/* welcome pages */

@media only screen and (max-width:850px) {
	
	#welcome.page { padding-top: 118px; }
	#welcome.page, #welcome.page .col_1-1 .contents { height: 210px; }
	#welcome.page.acquista, #welcome.page.acquista .col_1-1 .contents { height: 130px; }

	#welcome.page .col_1-1 a.btn { float: none; }
	#welcome.page .col_1-1 .img-bk { position: absolute; bottom: 0; width: 90%; max-width: 590px; left: 50%; transform: translateX(-50%); }
	}

@media only screen and (max-width:600px) {	
	#welcome.page, #welcome.page .col_1-1 .contents { height: 193px; }
	#welcome.page.acquista, #welcome.page.acquista .col_1-1 .contents { height: 100px; }
	}
@media only screen and (max-width:568px) and (max-height:400px) {	
	#welcome.page .col_1-1 a.btn { margin-top: 0; }
	#welcome.page, #welcome.page .col_1-1 .contents { height: 143px; }
	#welcome.page.acquista, #welcome.page.acquista .col_1-1 .contents { height: 80px; }
	}
@media only screen and (max-width:320px) {	
	#welcome.page .col_1-1 a.btn { margin-top: 0; }
	#welcome.page, #welcome.page .col_1-1 .contents { height: 107px; }
	#welcome.page.acquista, #welcome.page.acquista .col_1-1 .contents { height: 60px; }
	}


/* navigator */

@media only screen and (max-width:1100px) {
	#header .navigator ul li { margin-left: 12px; }
	}

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

	#header { padding-top: 27px; }
	#header .col_1-1.brd { margin-top: 10px; }
	
	#header .container { max-width: 100%; }
	#header .col_1-1.cnt { width: 100%; margin-left: 0; margin-right: 0; }
	#header .col_1-1.cnt .icon-Artquiz-logo { margin-left: 20px; }
	#header .col_1-1.cnt .mobileNav a { margin-right: 10px; }

	#header .mobileNav { position: relative; z-index: 200; }
	
	#header .mobileNav {
		width: 40%;
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		}

	#header .mobileNav a { font-size: 200%; float: right; color: #fff; padding: 8px 10px 5px 20px; }
	#header .mobileNav a span { font-size: 100%; }

	#header .navigator {
		display: none;
		position: relative;
		top: 25px;
		border-top: none;
		background: rgba(255, 255, 255, 0.93);
		font-size: 110%;
		}

	#header .navigator { width: 100%; float: left; text-align: center; }
	#header .navigator ul { margin-top: 22px; margin-bottom: 18px; }
	#header .navigator ul li { width: 100%; clear: both; text-align: center; margin: 0 0 5px 0; }
	#header .navigator a { padding: 14px 0 13px 0; display: block; }

	#welcome.page .container { width: 100%; }
	
	.col_1-3, .col_1-4, #page form .col_1-2, .content-column.one_third { width: 45%; }
	#page .products-list .col_1-3 { width: 48%; margin-bottom: 40px; }
	
	#page .shop_options .shop_option.col_1-3:last-child { float: none; display: inline-block; }

	}


/* ridimensionamento font & co. */
@media only screen and (max-width:800px) {

	.col_1-2, #homepage .highlights .news-list .col_1-3, #footer .col_1-3.last, .content-column.one_half { width: 95%; }
	
	#welcome .title-home { top: 114px; }

	#welcome h1 { font-size: 130%; line-height: 30px; width: 100%; }
	#welcome h1 strong { font-size: 240%; line-height: 70px; }
	
	#homepage .values, #homepage .highlights, #homepage .lastest-news, #page { padding: 40px 0 55px 0; }
	
	#homepage h2 { font-size: 150%; }
	#homepage h2 strong { font-size: 170%; }

	#homepage .values .title { margin-bottom: 35px; }

	#homepage .highlights .news-list .col_1-3 { float: left; margin-left: 2.5%; margin-right: 2.5%; padding: 0; }
	#homepage .highlights h4 { margin-top: 22px; }

	#homepage .lastest-news .news-list .col_1-4 { margin-bottom: 24px; }
	#homepage .lastest-news .news-list { margin-bottom: 27px; }	

	#optional-bar { padding: 20px 0; }
	#optional-bar .col_1-1 { padding: 24px 30px 0 30px; margin: 0 2.5%; float: left; }
	
	#page h2, #page h3 { font-size: 250%; margin-bottom: 40px; }
	#page h3 { font-size: 175%; }
	#page h4, #page h5, #page h6  { font-size: 115%; margin-bottom: 20px; }
	#page .products-list .col_1-3 h2 { font-size: 150%; }
	
	hr { margin-top: 40px; margin-bottom: 40px; }
	
	#cta h6 { font-size: 300%; line-height: 60px; }
	#cta .row { padding-bottom: 60px; }
	#cta .img { width: 65%; }
	
	#footer .col_1-3.last { margin-top: 10px; }
	#footer a.btn.blue { clear: none; margin-right: 40px; }
	#footer .col_1-1 { margin-top: 42px; }	
	
	}

@media only screen and (max-width:767px) {
	
	.col_1-3, .col_1-4, .content-column.one_third, #page .shop_options .shop_option.col_1-3:last-child { width: 95%; }
	#page .products-list .col_1-3 { width: 100%; float: left; }
	
	#page .shop_options .shop_option.col_1-3:last-child { float: left; }
	
	}

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

	#welcome h1 { font-size: 120%; }
	#welcome h1 strong { font-size: 230%; }
	
	#homepage h2 { font-size: 160%; }
	
	#homepage .title-bar { font-size: 300%; line-height: 55px; }
	
	#page .shop_options h2 { font-size: 180%; margin-bottom: 20px; }
	
	#cta h6 { font-size: 260%; line-height: 50px; }

	}
	
@media only screen and (max-width:599px) {
	
	#header .icon-Artquiz-logo { font-size: 260%; }
	#header { padding-top: 23px; }
	
	#header .col_1-1.cnt { margin-bottom: 14px; }
	#header .col_1-1.cnt .icon-Artquiz-logo { margin-left: 10px; }
	#header .col_1-1.cnt .mobileNav a { margin-right: 0; }
	
	#header .mobileNav a { padding-top: 2px; }	
	
	#welcome .title-home { top: 92px; }
	#welcome h1, #homepage h2 { font-size: 110%; line-height: 25px; }
	#welcome h1 strong { font-size: 220%; line-height: 60px; }
	
	#homepage .values, #homepage .highlights, #homepage .lastest-news { padding: 35px 0 45px 0; }
	
	#homepage h2 strong { font-size: 170%; line-height: 50px; }

	#homepage .values [class^="icon-"], #homepage .values [class*=" icon-"] { width: 48px; height: 48px; font-size: 160%; padding-top: 13px; }

	#homepage .values .text { width: calc(100% - 50px); padding-left: 20px; }
	
	#homepage .title-bar, #page h1 { font-size: 250%; line-height: 45px; }	
	#homepage .highlights .icon-pin { font-size: 300%; }
	#homepage .highlights .news-list .col_1-3 { margin-top: 45px; }	

	#optional-bar .col_1-1 { padding: 14px 20px 0 20px; }
	
	#page h2, #page h3 { font-size: 200%; margin-bottom: 30px; }
	#page h3 { font-size: 150%; }
	#page h4, #page h5, #page h6  { font-size: 110%; margin-bottom: 15px; }
	#page .products-list .col_1-3 h2 { font-size: 120%; }
	
	hr { margin-top: 25px; margin-bottom: 25px; }
	
	#page .shop_options .shop_option { margin-bottom: 20px; }
	#page .shop_options h2 { font-size: 160%; }
	
	#page .tab { padding: 12px 15px 0 15px; }

	#page form .col_1-2 { width: 95%; }
	#page form .col_1-2.btns { width: 45%; }
	
	/* tabelle */
		
		#page .contents table th, #page .contents table td { text-align: left; }
	
		/* Force table to not be like tables anymore */
		#page .contents table table, 
		#page .contents thead, 
		#page .contents tbody, 
		#page .contents table table th, 
		#page .contents table table td, 
		#page .contents table table tr { display: block; }

		/* Hide table headers (but not display: none;, for accessibility) */
		#page .contents table table thead tr { position: absolute; top: -9999px; left: -9999px; }
		#page .contents table table.thead-visible thead tr { position: relative; top: 0; left: 0; }
		#page .contents table table.thead-visible thead tr th { border: none; width: 100%; text-align: center; }

		#page .contents table table tr { border-top: 1px solid #ccc; }
		#page .contents table table tr:first-child { border-top: none; }
		#page .contents table table td:last-child { border-bottom: none; }

		#page .contents table table td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #ccc; 
			position: relative;
			padding-left: 50%; 
			white-space: normal;
			text-align:left;
		}
		#page .contents table.dati-cliente td, #page .contents table table.thead-visible td { padding-left: 10px; width: 100%; }
		#page .contents table table.thead-visible td { text-align: center; }
	
		#page .contents table table td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 15px;
			left: 10px;
			width: 45%; 
			padding-right: 10px; 
			white-space: nowrap;
			text-align:left;
			font-family: 'Montserrat'; 
			font-weight: 700;
		}

		/* Label the data */
		#page .contents table table td:before { content: attr(data-title); }
	
		#page .contents table td.qty input[type=text] { max-width: 50px; margin-bottom: 9px; }
	
	
	#cta h6 { font-size: 220%; line-height: 40px; margin-bottom: 20px; }
	#cta .row { padding-bottom: 0; }
	#cta .img { width: 95%; position: relative; float: left; }
	#cta .btn { margin-bottom: 30px; }
	
	#footer { padding: 35px 0 42px 0; }

	}

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

	#page form#conferma table.btns td { width: 100%; float: left; text-align: center; }
	#page form#conferma table.btns a.btn, #page form#conferma table.btns input.btn.right { float: none; display: inline-block; }
	#page form#conferma table.btns a.btn { margin-bottom: 25px; }
	
	}



/* sfondo welcome */

@media only screen and (max-width:768px) and (max-height:1024px) and (orientation: portrait) {
	#welcome.home { background: url(images/home-bkTV.jpg) center bottom no-repeat transparent; background-size: cover; }	
	}

@media only screen and (max-width:800px) and (max-height:768px) and (orientation: landscape) {
	#welcome.home { background: url(images/home-bkTO.jpg) center bottom no-repeat transparent; background-size: cover; }	
	}

@media only screen and (max-width:350px) and (max-height:599px) and (orientation: portrait) {
	#welcome.home { background: url(images/home-bkSV.jpg) center bottom no-repeat transparent; background-size: cover; }	
	}

@media only screen and (max-width:599px) and (max-height:320px) and (orientation: landscape) {
	#welcome.home { background: url(images/home-bkSO.jpg) center bottom no-repeat transparent; background-size: cover; }	
	}



/*-----------------------------------------------------------------------------------------------
   cookie banner
-----------------------------------------------------------------------------------------------*/

#cookie-notice { font-weight: 500; }
#cookie-notice .button.wp-default { font-family: 'Montserrat', sans-serif; border-radius: 17px; }


/*-----------------------------------------------------------------------------------------------
   fix problema visualizzazione Chrome height 100%
-----------------------------------------------------------------------------------------------*/


@media only screen and (max-width:768px) and (max-height:1024px) and (orientation: portrait) {
	#welcome.home { height: 1000px; }/*
	#homepage { margin-top: 1000px; }*/
	}

@media only screen and (max-width:800px) and (max-height:768px) and (orientation: landscape) {
	#welcome.home { height: 800px; }/*
	#homepage { margin-top: 800px; }*/
	}

@media only screen and (max-width:350px) and (max-height:599px) and (orientation: portrait) {
	#welcome.home { height: 600px; }/*
	#homepage { margin-top: 600px; }*/
	}

@media only screen and (max-width:599px) and (max-height:320px) and (orientation: landscape) {
	#welcome.home { height: 430px; }/*
	#homepage { margin-top: 430px; }*/
	}