/*
Theme Name: Os2
Theme URI: https://www.os2.it
Author: the Os2 team

*/

/*@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,400i,600,600i,700,700i&display=swap');*/
/*@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');*/

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeueBold.eot');
	src: url('fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
		 url('fonts/BebasNeueBold.woff') format('woff'),
		 url('fonts/BebasNeueBold.ttf') format('truetype'),
		 url('fonts/BebasNeueBold.svg#oswaldbold') format('svg');
	font-weight: bold;
	font-style:  normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeueRegular.eot');
	src: url('fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
		 url('fonts/BebasNeueRegular.woff') format('woff'),
		 url('fonts/BebasNeueRegular.ttf') format('truetype'),
		 url('fonts/BebasNeueRegular.svg#oswaldregular') format('svg');
	font-weight: initial;
	font-style:  normal;
}

@font-face {
	font-family: 'Bebas Neue';
	src: url('fonts/BebasNeueLight.eot');
	src: url('fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
		 url('fonts/BebasNeueLight.woff') format('woff'),
		 url('fonts/BebasNeueLight.ttf') format('truetype'),
		 url('fonts/BebasNeueLight.svg#oswaldbold') format('svg');
	font-weight: 300;
	font-style:  normal;
}


@font-face {
  font-family: "realitybites";
  src:url("fonts/realitybites.eot");
  src:url("fonts/realitybites.eot?#iefix") format("embedded-opentype"),
    url("fonts/realitybites.woff") format("woff"),
    url("fonts/realitybites.ttf") format("truetype"),
    url("fonts/realitybites.svg#realitybites") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "glacialindifference";
  src:url("fonts/glacialindifference-regular/glacialindifference-regular.eot");
  src:url("fonts/glacialindifference-regular/glacialindifference-regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/glacialindifference-regular/glacialindifference-regular.woff") format("woff"),
    url("fonts/glacialindifference-regular/glacialindifference-regular.ttf") format("truetype"),
    url("fonts/glacialindifference-regular/glacialindifference-regular.svg#glacialregular") format("svg");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "glacialindifference";
  src:url("fonts/glacialindifference-bold/glacialindifference-bold.eot");
  src:url("fonts/glacialindifference-bold/glacialindifference-bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/glacialindifference-bold/glacialindifference-bold.woff") format("woff"),
    url("fonts/glacialindifference-bold/glacialindifference-bold.ttf") format("truetype"),
    url("fonts/glacialindifference-bold/glacialindifference-bold.svg#glacialbold") format("svg");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "glacialindifference";
  src:url("fonts/glacialindifference-italic/glacialindifference-italic.eot");
  src:url("fonts/glacialindifference-italic/glacialindifference-italic.eot?#iefix") format("embedded-opentype"),
    url("fonts/glacialindifference-italic/glacialindifference-italic.woff") format("woff"),
    url("fonts/glacialindifference-italic/glacialindifference-italic.ttf") format("truetype"),
    url("fonts/glacialindifference-italic/glacialindifference-italic.svg#glacialitalic") format("svg");
  font-weight: 400;
  font-style: italic;
}


@font-face {
  font-family: "social networks";
  src:url("fonts/social-networks.woff?1") format("woff"),
    url("fonts/social-networks.svg#social-networks?1") format("svg");
}

BODY {font-family: 'glacialindifference', cursive; /*font-family: 'Source Code Pro', monospace;*/ font-weight:normal; font-size:125%; color: #fff; margin: 0;padding:0;background:#588592; text-align:justify; line-height:1.40; -webkit-text-size-adjust: 100%}
a:link, a:visited, a:before, a:after, a *, a *:before, a *:after, input {text-decoration:none;-moz-transition: all 0.2s linear;-webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear}
a:link, a:visited {color:#fff}
a:hover {text-decoration:underline}

/* form e img */
header, main, footer, figure, blockquote {display:block;margin:0}
html, body{height:100%}
body{display:flex; flex-direction:column}
body .top{flex:1}
body > header, .header-menu, main, #footer {padding:0; margin:0 auto; text-align:center; max-width: 1024px}
footer, main, header {min-width:320px; max-width: position:relative}

*, *:after, *:before {-webkit-box-sizing: border-box; box-sizing: border-box;-webkit-font-smoothing: antialiased;-webkit-appearance:none;}
input[type="checkbox"] {-webkit-appearance:checkbox}
input[type="radio"] {-webkit-appearance:radio}
p {margin:10px 0}
.imgdx {float:right;margin:5px 0 0 5px}
.imgsx {float:left;margin:8px 5px 0 0}
h1, h2, h3, h4 {margin:0;color:#fff; font-weight:normal}
h1, h2 {font-size:30px; text-align: center; line-height: 1}
h3 {font-size:20px;}
h4 {font-size:17px;}
table {border-collapse: collapse;border-spacing: 0}

b, strong {font-weight: bold}
img {border:0}
form {margin:0}
ul {margin:0; padding:0; list-style:none}
*:focus {outline:none}
.clearfix:after {content: ""; display: table; clear: both;*zoom: 1}

input, textarea{border:none; padding:10px}
[type=submit]{min-width:200px; text-align:center; text-transform:uppercase; cursor:pointer}
.wpcf7 .ajax-loader{text-align:center; display:block; margin:10px auto}
.wpcf7 input, .wpcf7 textarea{width:100%}
.wpcf7 [type=checkbox]{width:auto}

/* Alignment */
.aligncenter {clear: both;display: block;	margin-left: auto; margin-right: auto;}

/***************************************************/

.logo {margin:30px auto; font-size: 30px;  text-transform:uppercase/*max-width: 90%*/}
.logo img {display: block; margin: auto;}
.logo:hover{text-decoration:none;}

.menu li a:before {font-size: 50px;font-family: "realitybites"}
.menu {display: flex;justify-content: space-around;width: 100%;flex-wrap: wrap;text-align: center;}
.menu li{text-align: center;width:100%}
.menu li.hidden{display:none}
.menu li a {display:block;font-size: 20px;color:#fff;width: 160px;margin:0 auto 20px auto}
.menu li a span {display:block;width:161px;height:49px;line-height:49px;background: url(images/menu-border.png) no-repeat bottom center;margin-top:10px}
.menu li a:hover span {color:#999}
.menu li a:before {display:block;line-height: 50px}

.menu li.icon-chisiamo a:before {content: 'c'}
.menu li.icon-contatti a:before {content: 't'}
.menu li.icon-mission a:before {content: 'm';font-size: 70px}
.menu li.icon-lavori a:before {content: 'l'}
/* Os2 CSS */

header, header .header{display: flex; flex-direction: column; align-items: center}
main{margin:20px auto; padding: 0 20px;}
footer{width: 100%; color: #fff; background-color: #696969; text-align: center; padding: 30px 10px; font-size: 15px}
#footer a {color:#fff}
#footer a:hover {text-decoration: underline}
h3{font-weight: 500; font-size: 30px; text-align: center; margin-bottom:20px}

#services {font-size: 13px;border-top: 1px dashed #000;border-bottom: 1px dashed #000; padding:20px 0; FONT-WEIGHT: 300}
#partners h3{text-transform:uppercase}

ul#social {display: -webkit-flex; display: flex; -webkit-justify-content:center; justify-content: center; -webkit-align-items: center; align-items: center;padding:0;margin-top:50px;margin-bottom: 50px;}
ul#social li {margin:0 10px}
ul#social li a {display:block}
ul#social li span {position: absolute; top:-999999px;  left:-999999px}
ul#social li a:before {display:block; font-family: 'social networks'; color:#fff; width:50px;height:50px; line-height:46px; border-radius: 50%; border:2px solid #fff;text-align: center;font-weight: normal}
ul#social li.fb a:before {content:'f'; font-size:26px}
ul#social li.instagram a:before {content:'i'; font-size:25px}
ul#social li.icon-contatti a:before {content:'1'; font-family:realitybites; font-size:25px}
ul#social li a:hover {text-decoration: none}
ul#social li a:hover:before {color:#588592;background: #fff}

#homenews {padding-top:20px}
.news-carousel figure figcaption {padding: 5px;font-size: 20px;text-align: center}

#mainpartners {display:flex;justify-content: space-around;align-items: center;margin:20px auto}
#mainpartners a {width: 31.33333%}
#mainpartners a img {max-width: 100%}

.partners.owl-carousel .owl-item {text-align: center;height:100%;height:80px}
.partners.owl-carousel .owl-item a {height:80px;display:flex;align-items: center}
.partners.owl-carousel .owl-item img { width:auto;max-width:160px;margin:0 auto;display:block; filter: brightness(0) invert(1);}

.owl-carousel .owl-stage-outer .owl-stage .owl-item div{display: flex;flex-direction: column;align-items: center; justify-content: space-between; height: 75px}
.owl-carousel .owl-stage-outer .owl-stage .owl-item div p{border: 2px solid #000; padding:2px}

.grid{display:flex; flex-wrap:wrap; padding:20px}
.grid .item{display:block; width:100%; max-width:100%; margin-bottom:30px; text-align:center;}
.grid .item img{max-width:100%; height:auto}

.view-more-box{text-align:center; margin-top: 30px}
.view-more{display:inline-block; width: 161px;height: 49px;line-height: 49px;background: url(images/menu-border.png) no-repeat bottom center;}
.view-more:hover{color:#fff}

@media only screen and (min-width: 360px) {
.menu li{width:50%}
}
@media only screen and (min-width: 480px) {
  #services {font-size: 15px}
  .grid .item{width:48%; margin:0 1% 30px}
}
@media only screen and (min-width: 640px) {
.menu li{width:25%}
}
@media only screen and (max-width: 767px) {
footer span {display:block}
}
@media only screen and (max-width: 767px) {
  .news-carousel figure figcaption {font-size: 17px}
}
@media only screen and (min-width: 990px) {
  main, #mainpartners {margin:50px auto}
  main{margin-top:0}
  #services {padding:50px 0}
  #homenews{padding-top:40px}
   #partners {padding-top:80px}
  #services {font-size: 40px}
  .grid .item{width:24%; margin:0 0.5% 30px}
  header .header{flex-direction:row; justify-content:space-between; width:100%}
  header .header-menu{display:flex}
  header .header-menu a{padding:20px; font-size:18px}
}

@media only screen and (min-width: 1280px) {
  .logo {margin:50px auto}
  /*.logged-in .logo{margin-top:82px}*/
  main {margin:0 auto 50px auto}
  #services {padding:50px 0}
  #homenews {padding-top:50px}
}

.owl-carousel .owl-item img{height: auto}
.navigation span.current{font-weight:700}
#main h1{margin-bottom:40px}
.breadcrumb{display:flex; justify-content: center; font-size: 13px}
.breadcrumb li:after{content:">"; font-size:7px; padding:0 5px; color:#ccc; font-family:realitybites}
.breadcrumb li:last-of-type:after{content:""; padding:0 0 0 5px}
.breadcrumb a, .breadcrumb span{color:#ccc}
.breadcrumb a:hover span{color:#444}
.event-info{margin-bottom:30px; text-align:left}
/*.event-info div{display:flex; margin:auto; text-align:center}*/
.event-info strong{text-align:right}
.event-info strong:after{content:":"; padding:0 3px}
.event-info span{text-align:left}
.event-info strong, .event-info span{flex:1}

.square-image,
.owl-carousel .owl-stage-outer .owl-stage .owl-item div.square-image{height:200px; width:200px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; margin: auto;}
.square-image img,
.owl-carousel .owl-stage-outer .owl-stage .owl-item div.square-image img{position:absolute; }

.single main .content .text{text-align: left;}
.single main .content .text > div, .event-info{text-align:center}
.single main .content .text img{max-width:100%; height:auto}

.wpsm_panel-title a:hover{background:#fff}
div#wpsm_accordion_6678 .ac_title_class:hover,
div#wpsm_accordion_6708 .ac_title_class:hover,
div#wpsm_accordion_6711 .ac_title_class:hover{color:#588592}
.wpsm_panel-title a, .wpsm_panel-body{text-align:left}
div#wpsm_accordion_6711 .ac_open_cl_icon,
div#wpsm_accordion_6678 .ac_open_cl_icon,
div#wpsm_accordion_6708 .ac_open_cl_icon{float:right!important}
.header + a{display:block; margin:90px auto 30px}
.logo:before{content:""; background-image:url(images/favicon-124.png); background-repeat:no-repeat; background-size:auto 100%; background-size: auto 30px; width: 30px; height: 30px;display: inline-block; vertical-align: middle; margin-right: 10px; margin-bottom:10px}


@media only screen and (min-width: 768px) {
	.single main .content .text{display:flex}
	.single main .content .text > div, .event-info, .single #main h1{text-align:left}
	.single main .content .text img{margin-right:20px; max-width:200px}
	.breadcrumb{justify-content:flex-start}
}
@media only screen and (max-width: 979px) {
	.atss a.at-share-btn.at-share-instagram{width:33.33%}
}
@media only screen and (min-width: 990px) {
	.single main .content .text img{max-width:none}
}