/*
	Theme Name: Pws Essential Theme
	Description: Pws Essential Theme is a very lightweight and minimalist WordPress theme, to working only With Elementor and Elementor PRO Page Builder
	Author: Parrotto Web Solution
	Author URI: https://parrotto-websolution.it/
	Version: 3.0
	Requires at least: 6.0
	Tested up to: 6.7
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: pwstheme
*/
html {line-height:1.15; -webkit-text-size-adjust:100%}
*, :after, :before {box-sizing:border-box }
body {margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
	font-size:1rem; font-weight:400; line-height:1.5;color:#333;background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6 {margin-block-start:.5rem; margin-block-end:1rem; font-family:inherit; font-weight:500;line-height:1.2;color:inherit}
h1 {font-size:2.5rem}
h2 {font-size:2rem}
h3 {font-size:1.75rem}
h4 {font-size:1.5rem}
h5 {font-size:1.25rem}
h6 {font-size:1rem}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea{width: 100%;}
button, input, optgroup, select, textarea {font-family: inherit;font-size: 1rem;line-height: 1.5;margin: 0;  }
/*INSERIRE IL CODICE DA QUI*/

/*SINGLE PAGE CORSI - SHORTCODE INFORMAZIONI-CORSO*/
#infos_corso .info_corso, .info_corso.loop{display:flex; justify-content:space-between; margin-bottom:20px; align-items:center; flex-wrap:wrap}
#infos_corso .info_corso .data {flex-basis:85%}
#infos_corso .info_corso .icon{flex-basis:15%;}
#infos_corso .info_corso .data span, .info_corso.loop .data span {display:block}
#infos_corso .info_corso .data .description, .info_corso.loop .data .description {font-weight:bold; font-family:var( --e-global-typography-secondary-font-family ); font-size: 18px}
#infos_corso .info_corso .data .value, .info_corso.loop .data .value {font-size:20px}
#infos_corso .info_corso .icon i, .info_corso.loop .icon i{font-size: 36px; color: var( --e-global-color-primary );}
#infos_corso .type_title{display: block; text-align:center; margin-bottom:15px; font-weight:bold; font-family:var( --e-global-typography-secondary-font-family ); font-size: 20px}
.content-corso h2, .content-corso h3{color:var( --e-global-color-secondary ); font-weight:600}
.content-corso p{text-align:justify}
/*SHORTCODE LOOP*/
.info_corso_loop{; display:flex; justify-content:space-between; flex-wrap:wrap; background-color:var( --e-global-color-559810a ); align-items:center}
.info_corso_loop .date {line-height: 80px;flex-basis:30%;text-align:center; background:var( --e-global-color-primary ); color:#fff}
.info_corso_loop .date span{display:block; font-family: var(--e-global-typography-primary-font-family );}
.info_corso_loop .date .day{font-size: 50px; line-height:55px}
.info_corso_loop .date .month{min-height:83px;font-size: 19px; text-transform:uppercase}
.info_corso_loop .info_corso.loop {margin-bottom:0px}
.info_corso_loop .info_corso, .info_corso_loop .two_types{flex-basis:70%}
.info_corso_loop .icon {flex-basis:20%; text-align:center}
.info_corso_loop .info_corso.loop .icon i {font-size:24px}
.info_corso_loop .data {flex-basis:80%}
.loop-title{min-height:80px;}
/*SEARCH FORM*/
#search_form {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap}
#search_form .colonna {flex-basis:100%}
#search_form .col-p {flex-basis:45%; margin-bottom:15px}
#search_form .col-p label {display: flex; align-items: center; color:#fff}
#search_form .col-p label svg {height: 20px; margin-right: 10px; color: #fff}
#search_form input, #search_form select, #search_form button {border:none; border-radius:0; color: var( --e-global-color-primary ); font-weight:bold; height:30px;}
#search_form input::placeholder{color: var( --e-global-color-primary );}
#search_form .with-button{display:flex; margin-top:10px;}
#search_form .with-button input{flex-basis:80%}
#search_form .with-button button{flex-basis:20%;padding:0px; background-color: var( --e-global-color-secondary )}
#search_form .with-button button svg{display:inline-block; width:20px; vertical-align:sub;}
#search_form .with-button button path{fill: var( --e-global-color-primary)}
#search_form_container {display:none;}

.e-learning-ok, .aula-ok{display:block!important}
/*SUBSCRIPTION FORM*/
#subscription-form-container{max-width:90%; margin: 0 auto;}
#subscription-form-container h1, #subscription-form-container h2{text-align:center}
#subscription-form-container h1{color:var( --e-global-color-primary ); font-family: var( --e-global-typography-primary-font-family ), Sans-serif; font-weight:500}
#subscription-form-container h2{color: var( --e-global-color-secondary ); font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;}
#subscription-form-container p{color:var( --e-global-color-text ); font-family:var( --e-global-typography-text-font-family ), Sans-serif}
#subscription-form-container a {color:var( --e-global-color-primary );}
#subscription-form-container .row{display:flex; width:100%; justify-content:space-between; align-items:center; margin-bottom:10px}
#subscription-form-container .row input:not([type="checkbox"]), #subscription-form-container .row input::placeholder,  #subscription-form-container .row select {width:100%; color:var( --e-global-color-secondary ); font-weight:bold}
#subscription-form-container .row button {width:100%; color:#fff; background-color: var( --e-global-color-secondary ); border:0; font-weight:bold}
#subscription-form-container .row button:hover {background-color: var( --e-global-color-primary )}
#subscription-form-container .row label {font-weight:bold; color:var( --e-global-color-text ); font-family:var( --e-global-typography-text-font-family ), Sans-serif}
#subscription-form-container .col-12{width:100%}
#subscription-form-container .col-8{width: 66%;}
#subscription-form-container .col-6{width:49%}
#subscription-form-container .col-4{width:32%}
#subscription-form-container .col-2{width:20%}
.success-message{background: rgba(0, 255, 2, 0.4);padding: 10px; font-weight:700;}
/*FORM CHIAMIAMO NOI*/
#chiamiamo_noi .row{display:flex; width:100%; justify-content:space-between; align-items:center;}
#chiamiamo_noi .col-2{width:20%}
#chiamiamo_noi .row input:not([type="checkbox"]), #chiamiamo_noi .row input::placeholder,  #chiamiamo_noi .row select {width:100%; color:var( --e-global-color-secondary ); font-weight:bold}
#chiamiamo_noi .row button {color:#fff; background-color: var(--e-global-color-primary); border:0; font-weight:bold}

/*ORDER HEADER ELEMENTS IN MOBILE*/
@media only screen and (max-width:1024px){
	#header_icons{order:3}
	#header_search {order:2}
	
	/*SEARCH FORM*/
	#search_form {flex-wrap:wrap}
	#search_form .colonna {flex-basis:100%}
	#search_form .col-p {flex-basis:45%; margin-bottom:20px}
}

@media only screen and (max-width:768px){
	/*SUBSCRIPTION FORM*/ /*FORM CHIAMIAMO NOI*/
	#subscription-form-container .row, #chiamiamo_noi .row{flex-wrap: wrap}
	#subscription-form-container .m-12, #chiamiamo_noi .m-12{width:100%!important}
	#chiamiamo_noi .m-12 {margin-bottom:10px}
	#chiamiamo_noi .row button{width:100%}
}

@media only screen and (max-width:600px){
	/*SERACH FORM*/
	#search_form .col-p {flex-basis:100%; margin-bottom:20px}
}