/*
	Theme Name: Augusta Umbria
	Theme URI: http://www.augustaumbria.it
	Description:
	Version: 1.0.0
	Author:
	Author URI:
	Tags:
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
html {
    width:100vw;
    margin:0;
    padding:0;
    overflow-x:hidden;
    font-family: 'Bodoni Moda', serif;
		color:black;
		font-size:20px;
		line-height:24px;
}
body {
    width:100vw;
    background:#F0F0F0;
    margin:0;
    padding:0;
    overflow-x:hidden;

    -moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-name: fadein;
    -webkit-animation-name: fadein;
    animation-name: fadein;
}



/* clear */
.clear:before, .clear:after {content:' '; display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}
img {max-width:100%; height:auto; vertical-align:bottom;}
a {
    color:#434343;
		text-decoration:none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover {
		-webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:focus {outline:0;}
a:hover, a:active {outline:0;}
input:focus {outline:0; border:1px solid #279E33;}
ul {list-style: none; margin:0; padding:0;}







/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.mobile-landscape {display:none; position:fixed; width:100vw; height:100vh; top:0; left:0; background:black url(img/ico_white.svg) center center no-repeat; z-index:99999; background-size:20% auto;}

/* Search bar */

div.asl_m.asl_w {padding:10px 0px;}

div.asl_w .probox .promagnifier {margin-right:12px !important;}

#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {font-size:18px !important;}



/* wrapper */
.wrapper {
  display:table;
	max-width:1280px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.wrapper-medium {
  display:table;
	max-width:1024px;
	width:98%;
	margin:0 auto;
	position:relative;
}

.wrapper-small {
    display:table;
	max-width:820px;
	width:98%;
	margin:0 auto;
	position:relative;
}



/* header */
.header {
	width:100vw;
	margin:0;
	padding:32px 0 42px 0;
	background:#F0F0F0;
}

.logo {
	float:left;
	margin:0;
	padding:0;
}
.logo-img {
	max-width:416px;
}

.logo-nav {position:absolute; left:0; z-index:9999; opacity:0;}
.logo-animate {opacity:1; transition: 0.4s ease; transition-delay: 0.2s;}


/* Hamburgher Menu */
*{-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */}

.mobilenav-hidden {overflow:hidden;}

.top-animate     {background: #fff !important; width:50px; height:1px; left:0; top:4px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mid-animate     {opacity:0;}
.bottom-animate  {background: #fff !important; width:50px; height:1px; left:0; top:4px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}

.top-menu     {top: 0px; width: 50px; height: 2px; border-radius: 10px; background-color: #fff;}
.mid-menu     {top: 8px; width: 50px; height: 2px; border-radius: 10px; background-color: #fff;}
.bottom-menu  {top: 16px; width: 50px; height: 2px; border-radius: 10px; background-color: #fff;}


.menui {
    background: #C45757;
    transition: 0.4s ease;
    transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
    position: absolute;
    z-index: 99999;
}

.icon {
    display:block;
    padding:0;
    height:20px;
    width:50px;
    margin:0;
}

.hamburger-menu {
    float:right;
    width:100px;
    height:100px;
    position:relative;
}

.hamburger {
    position:absolute;
    top:44px;
    left:30px;
    display:block;
    width:40px;
    height:20px;
    margin:0;
    z-index:9999;
}









.mobilenav {
    position:fixed;
    top: 0;
    left:0;
    padding:0;
    z-index: 999;
    display:none;
    width:100vw;
    height:100vh;

    background:black url(img/ico_white.svg) center left 56vw no-repeat;
		background-size: 36vh auto;

    overflow-x: hidden;
    overflow-y: auto;
}

.mobilenav .mobilenav-inner {
    width:100vw;
    height:100vh;
    padding:0;
    margin:0;
}





.mobilenav ul {
    width:100%;
    float:left;
    margin:0;
    padding:0;

    font-size:64px;
    line-height:90px;
    font-weight:normal;
}

.mobilenav li {
    padding:0;
    margin:0;
}

.mobilenav li a {
    display:block;
    margin: 0;
    padding:0;
    color: #fff;
    text-decoration: none;
}

.mobilenav li a:hover {opacity:0.5;}

.mobilenav li.current_page_item a {color:#C45757;}




/* sidebar */
.sidebar {

}
/* footer */
.footer {
	width:100vw;
	background:#000000;
	margin:104px 0 0 0;
	padding:52px 0 72px 0;
	color:white;
	font-size:13px;
	line-height:18px;
	font-family: 'Open Sans', sans-serif;
}

.footer .footer-logo {display:block; width:100%; max-width:200px; margin-bottom:32px;}
.footer a {color:#C45757;}
.footer a:hover {opacity:0.6;}
.footer h3 {text-transform: uppercase; font-size:13px; font-family: 'Open Sans', sans-serif; font-weight:bold; margin:0 0 12px 0; padding:0;}
.footer ul {text-transform: uppercase; line-height:24px;}
.footer .menu-item a {color:white; font-weight:bold;}





/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* Homepage */

.main-hero-image {position:relative; float:left; width:100vw; height:70vh;}
.main-hero-image .row {position:absolute; display:block; left:0; bottom:4vw; z-index:1;}
.main-hero-image h1 {font-size:90px; line-height:100px; font-weight:500; color:white; padding:0;}

.welcome {margin-top:10vh; margin-bottom:10vh;}
.welcome h3 {width:100%;}
.welcome .img-feat {position:relative; width:100%; height:290px; margin:0; padding:0;}
.welcome .img-feat .img-cover {position:absolute; width:100%; height:100%; background-size:70% auto !important;}
.welcome .excerpt h4 {font-size:34px; line-height:38px; font-weight:500;}

.fondatore {margin-top:10vh; margin-bottom:10vh;}
.fondatore .excerpt {position:relative; height:calc(50vh + 340px + 30px);}
.fondatore .excerpt .def-button {position:absolute; bottom:0; left:0;}
.fondatore .excerpt p {padding-right:5vw;}
.fondatore .img-feat {position:relative; width:100%; height:50vh; margin:340px 0 0 0; padding:0;}
.fondatore .img-feat .img-cover {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.fondatore .main-title {width:100% !important;}
.fondatore .excerpt-home {display:none;}


/* Catalogo */

.catalogo-list {float:left; margin:32px 0; padding:0;}
.catalogo-list li {float:left; display:inline-block; position:relative; width:calc(25% - 16px); background:white url(img/arrow_more.svg) bottom 33px right 25px no-repeat; background-size:24px auto; min-height:430px; margin:8px; padding:36px 16px; transition: all 0.2s ease 0s;}
.catalogo-list li:hover {background:#C45757 url(img/arrow_more.svg) bottom 33px right 25px no-repeat; background-size:24px auto; transition: all 0.2s ease 0s;}
.catalogo-list li a {margin:0; padding:0; display:inline-block; color:black;}
.catalogo-list li a:hover {background:#C45757; color:black;}
.catalogo-list li h2 {float:left; overflow:hidden; width:100%; height:180px; margin:0 0 12px 0; padding:0; font-size:32px; line-height:36px; font-weight:500; color:#C45757;}
.catalogo-list li:hover h2 {color:white;}
.catalogo-list .abstract {float:left; max-width:75%;}
.catalogo-list .abstract a {margin:0; padding:0;}
.catalogo-list .view-article {display:none;}


/* Single */

.single-meta {float:left; margin:18px 0 64px 0; padding:0 6vw 0 0; font-size:16px; line-height:22px; color:black;}
.single-meta .back-to {display:block; text-transform: uppercase; color:#C45757; font-size:18px; margin:0 0 32px 0; padding:0;}
.single-meta .back-to:hover {opacity:0.5;}
.single-meta h3 {font-size:34px; line-height:36px; color:#000; font-weight:400; margin:0; padding:0;}
.single-meta h4 {font-size:16px; line-height:23px; color:#696969; font-weight:400; margin:0; padding:0;}
.single-meta p {font-size:18px; line-height:22px; margin:0 0 42px 0; padding:0;}

.single-meta .meta-table {float:left; width:100%; margin:42px 0 0 0; padding:0;}
.single-meta .meta-table td {padding:4px 0;}
.single-meta .meta-table td:first-child {width:130px; font-size:16px; line-height:23px; color:#696969; font-weight:400;}

.single-cover {float:right; min-height:620px; padding:48px; margin:18px 0 64px 0; background:#C45757 url(img/ico_white.svg) bottom 40px right 40px no-repeat; background-size:70px auto;}
.single-cover h1 {color:white; font-size:48px; line-height:52px; font-weight:400; margin:0; padding:0;}

iframe {border:1px solid white !important;}




/* News Archivio */

#news, #news ul {float:left; width:100%; margin:0; padding:0;}
.news-item {margin:0 0 60px 0; padding:0;}
.news-item .thumbnail {float:left; width:100%; height:240px; margin:0 0 24px 0; padding:0;}
.news-item h3 {float:left; width:100%; min-height:80px; font-size:34px; line-height:38px; color:#625956; font-weight:normal; margin:0; padding:0;}
.news-item .more {float:left; display:block; font-size:18px; line-height:22px; color:#C45757; text-transform: uppercase; margin:24px 0 0 0; padding:0;}
.news-item .more:hover {opacity:0.5;}


/* News Singola */


/*------------------------------------*\
    LIBRARY
\*------------------------------------*/

/* Title */

.page-title {float:left; width:100%; text-transform:uppercase; font-size:18px; line-height:20px; font-weight:normal; margin:60px 0 30px 0; padding:0;}
.main-title {float:left; width:72%; font-size:80px; line-height:86px; font-weight:400; margin:30px 0; padding:0; color:#C45757;}

/* Button */
.def-button {float:left; width:100%; display:block; background:url(img/arrow_big.svg) center right 8px no-repeat; background-size:36px auto; margin:30px 0; padding:32px 72px 32px 8px; color:black; font-size:18px; line-height:22px; text-transform: uppercase;}
.def-button:hover {opacity:0.5;}

/* Links */
.def-link a {display:block; color:#C45757; font-size: 34px; line-height:36px;}
.def-link a:hover {opacity:0.5;}

/* Pagination */
.pagination {display:table; margin:60px auto; padding:60px 0; font-size:16px;}
.pagination .page-numbers {display:inline-block; background:white; color:#black; padding:16px 22px; margin:0 8px;}
.pagination .page-numbers:hover {opacity:0.5;}
.pagination .current {color:white; background:#C45757;}
.pagination .dots {color:#C45757; background:white;}
.pagination .next, .pagination .prev {text-transform: uppercase;}

/* -- Ricerca avanzata AJAX */
div.asl_m.asl_w {float:left; box-shadow: 0 0 0 0 #e4e4e4 !important; padding:0; margin:30px 0 !important; background-color:transparent !important; font-family: 'Bodoni Moda', serif !important;}
#ajaxsearchlite1 .probox, div.asl_w .probox {background-color:transparent !important; padding:32px 0; border-radius:0px !important; border-top:1px solid #999 !important; border-bottom:1px solid #999 !important;}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {color:black !important; font-size:24px !important;}
div.asl_w .probox .promagnifier {box-shadow: 0 0 0 0 rgb(255 255 255 / 64%) inset !important;}
div.asl_m .probox .promagnifier .innericon svg, div.asl_m .probox .prosettings .innericon svg, div.asl_m .probox .proloading svg {width:28px !important;}
.asl_simplebar-mask {border:2px solid #C45757 !important;}
div.asl_r .results .item .asl_content {padding:16px 8px !important;}
div.asl_r .results .item .asl_content h3, div.asl_r .results .item .asl_content h3 a {color:black !important; font-size:20px !important; line-height:24px !important;}





/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/*
font-family: 'Bodoni Moda', serif;
font-family: 'Open Sans', sans-serif;
*/

p {}

p b, p strong {font-weight:700;}

h1, h2, h3, h4, h5 {font-family: 'Bodoni Moda', serif; margin:0; padding:0;}

h1 {font-size: 3.052em /* 48.83px */;}

h2 {font-size: 72px;}

h3 {font-size: 1.953em /* 31.25px */; font-weight:600;}

h4 {font-size: 1.563em /* 25px */;}

h5 {font-size: 1.25em /* 20px */; font-weight:600;}

small, .text_small {font-size: 11px;}

/* Palette

#161615 grigio-scuro
#F0F0F0 grigio-chiaro
#C45757 terracotta

*/



/*------------------------------------*\
    FRAMEWORK
\*------------------------------------*/

.xy {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.img-cover {
    background: center center no-repeat;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

/* - Column */

.row           {width:100% !important; float:left !important; padding:0 2% !important;}
.row90         {max-width:90%; margin-left:auto; margin-right:auto;}
.row80         {max-width:80%; margin-left:auto; margin-right:auto;}

.half--col     {width:50% !important; float:left !important; padding:0 2%;}
.three--col    {width:33.333% !important; float:left !important; padding:0 2% !important;}
.four--col     {width:25% !important; float:left !important; padding:0 2% !important;}
.five--col     {width:20% !important; float:left !important; padding:0 2% !important;}

.three--two-col {width:66.66% !important; float:left !important; padding:0 2% !important;}

.w90_col {width:90% !important; float:left !important;}
.w80_col {width:80% !important; float:left !important;}
.w70_col {width:70% !important; float:left !important;}
.w60_col {width:60% !important; float:left !important;}
.w40_col {width:40% !important; float:left !important;}
.w30_col {width:30% !important; float:left !important;}
.w20_col {width:20% !important; float:left !important;}
.w10_col {width:10% !important; float:left !important;}
.w5_col  {width:5% !important; float:left !important;}



/* - Text Alignment */

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}

.txl {text-align: left !important;}
.txc {text-align: center !important;}
.txr {text-align:right !important}
.txj {text-align: justify !important;}


/* - Position */

.psr {position:relative !important;}
.psa {position:absolute !important;}
.psf {position:fixed !important;}
.clear {clear:both !important;}


/* - MARGIN - */

.mauto {margin:0 auto !important;}

/* - Margin Around */
.m10 {margin:10px !important;}
.m20 {margin:20px !important;}
.m30 {margin:30px !important;}
.m40 {margin:40px !important;}
.m50 {margin:50px !important;}


/* - Margin Left */
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.ml60 {margin-left:60px !important;}
.ml70 {margin-left:70px !important;}
.ml80 {margin-left:80px !important;}
.ml90 {margin-left:90px !important;}
.ml100 {margin-left:100px !important;}

/* - Margin Right */
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr60 {margin-right:60px !important;}
.mr70 {margin-right:70px !important;}
.mr80 {margin-right:80px !important;}
.mr90 {margin-right:90px !important;}
.mr100 {margin-right:100px !important;}

/* - Margin Top */
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.mt110 {margin-top:110px !important;}
.mt120 {margin-top:120px !important;}
.mt130 {margin-top:130px !important;}
.mt140 {margin-top:140px !important;}
.mt150 {margin-top:150px !important;}

/* - Margin Bottom */
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb110 {margin-bottom:110px !important;}
.mb120 {margin-bottom:120px !important;}
.mb130 {margin-bottom:130px !important;}
.mb140 {margin-bottom:140px !important;}
.mb150 {margin-bottom:150px !important;}





/* - Padding - */

/* - Padding Around */
.p10 {padding:10px;}

.pp10 {padding-left:10px; padding-right:10px;}
.pp20 {padding-left:20px; padding-right:20px;}


/* - Padding Left */
.pl5  {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}

/* - Padding Right */
.pr5  {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

/* - Padding Top */
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt90 {padding-top:90px !important;}
.pt100 {padding-top:100px !important;}

/* - Padding Bottom */
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb80 {padding-bottom:80px !important;}
.pb90 {padding-bottom:90px !important;}
.pb100 {padding-bottom:100px !important;}





/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

@-moz-keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

@-webkit-keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}

@keyframes fadein {
  from {opacity:0;}
  to {opacity:1;}
}




/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/




/* SMARTPHONE PORTRAIT ------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 300px)
    and (max-width: 470px)
    and (orientation: portrait) {

			.half--col, .three--col, .three--two-col, .four--col,
			.w20_col, .w40_col, .w60_col, .w80_col {width:100% !important;}

			.wrapper {width:92%;}
			.wrapper-small {width:80%;}

			.page-title {text-align:center;}
			.main-title {float:none; width:90%; margin:0 auto; font-size:42px; line-height:46px; text-align:center;}
			.def-button {margin:0; padding:32px 60px 32px 12px; font-size:15px; background: url(img/arrow_big.svg) center right 20px no-repeat; background-size: 18px auto;}
			.adv-search {width:100% !important; padding:0 !important;}
			#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {font-size:16px !important;}
			.advgb-column-inner {padding-left:0 !important;}

			/* Pagination */
			.page-numbers {display:none !important;}
			.pagination .next, .pagination .prev {display:block !important;}
			.pagination .next {float:right;}
			.pagination .prev {float:left;}


			/* Header */
			.header {padding:18px 0;}
			.logo {width:calc(100% - 100px);}
			.logo-img {max-width:100%;}
			.hamburger-menu {height:48px;}
			.hamburger {top:15px;}
			.mobilenav ul {font-size: 34px; line-height: 50px;}

			/* Footer */
			.footer {text-align:center;}
			.footer .four--col {margin-bottom:32px;}
			.footer .footer-logo {max-width: 60%; margin: 0 auto 32px auto;}





			/** Homepage */
			.main-hero-image {height:calc(50vh - 84px) !important;}
			.main-hero-image h1 {text-align:center; font-size:42px; line-height:46px;}

			.fondatore .excerpt {height:auto !important;}
			.fondatore .excerpt .def-button {position:relative;}
			.fondatore .img-feat {margin-top:0;}


			/* Catalogo */
			.catalogo-list li {width: calc(100% - 48px); margin:8px 24px; padding: 36px 40px; border: 5px solid #C45757;}
			.catalogo-list li h2 {font-size:28px; line-height:30px;}
			.catalogo-list .abstract {font-size:16px; line-height:18px; max-width:100%;}

			.single-cover {display:none;}

}




/* SMARTPHONE LANDSCAPE ------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 471px)
    and (max-width: 1023px)
    and (orientation: landscape){

			.mobile-landscape {display:block;}

}








/* TABLET PORTRAIT -----------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 768px)
    and (max-width: 1023px)
    and (orientation: portrait){

			.wrapper {width:92%;}
			.wrapper-small {width:80%;}
			.main-title {font-size:52px; line-height:56px;}
			.w80_col {width:70% !important;}
			.w20_col {width:30% !important;}
			#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input {font-size:18px !important;}

			/* Pagination */
			.pagination .page-numbers {padding:12px 12px;}

			/* Homepage */
			.main-hero-image h1 {font-size:76px; line-height:90px;}
			.welcome .img-feat .img-cover {background-size: 100% auto !important;}

			.fondatore .excerpt {height:auto !important;}
			.fondatore .excerpt .def-button {position:relative;}
			.fondatore .img-feat {margin-top:220px; height:30vh;}
			.fondatore a.def-button.w60_col {width:100% !important;}

			/* Catalogo */
			.catalogo-list li {width: calc(50% - 16px);}
			.catalogo-list li h2 {font-size:32px; line-height:36px;}
			.catalogo-list .abstract {font-size:18px; line-height:22px; max-width:100%;}
			.single-cover {padding:30px;}
			.single-cover h1 {font-size:32px; line-height:42px;}
			.single-meta h3 {font-size:28px; line-height:36px;}

}



/* TABLET LANDSCAPE ----------------------------------------------------------------------------------------------------*/
@media only screen
    and (min-width: 1024px)
    and (max-width: 1180px)
    and (orientation: landscape){

			.wrapper {width:92%;}
			.wrapper-small {width:80%;}

			/* Homepage */
			.main-hero-image h1 {font-size:76px; line-height:90px;}
			.welcome .img-feat .img-cover {background-size: 100% auto !important;}

			.fondatore .excerpt {height:auto !important;}
			.fondatore .excerpt .def-button {position:relative;}

}