/*
	Theme Name: magni
	Version: 1.0
	Author: RDM
	Author URI: https://webdesignseo.it
	Description: Designed for magnicool
*/

body { line-height: 1.5; font-size: 13px; color:#174860; font-weight: 400; font-family: 'Montserrat', sans-serif; letter-spacing: .03em;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
min-height: -webkit-fill-available;}

a,.btn{
  color: #3a81af;
  -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}


h1, .h1,.h2, h3, .h3, h4, .h4{font-family: 'Poppins', sans-serif; font-weight: 600}
h2{font-family: 'Montserrat', sans-serif; font-weight: 400; font-size: 1.3rem;}

.header-logo{ width: 230px;display: block; margin: 10px auto 6px;}


.section{ overflow: hidden;}
.arrow-down{ display: block; position: absolute; left:0; right: 0;  bottom: 88px; width: 42px; height: 24px; margin: 0 auto; background-image: url(img/icons/arrow-bottom.svg);}

.with-bg{background-size: cover; background-repeat: no-repeat; background-position: center;}
.padded-div-top{ padding-top: 30px;}
.padded-div-bot{ padding-bottom: 50px;}

.jumbotron{ font-size: 24px; text-transform: uppercase; color: #fff; font-weight: 900; text-align: center; line-height: 1}

.main{ min-height: 350px; margin-top: 90px;}
.page-template-template-gallery .main{ margin-top: 110px;}
.main a{ color: #000; text-decoration: underline;}

.container.main {margin-bottom: 110px;}
.container.main h2{margin-top: 50px;}
.container.main h3 {margin-top: 30px;}




.big-link{ padding: 15px; font-size: 20px; font-weight: 700; text-align: center; border:1px solid #174860; margin-bottom: 15px;}


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

.top-banner-wide{ height: 300px; position: relative; color: #fff;}
.our-stores{background-image: url(img/bg-ourstores.jpg);}
.dolcevita-store{background-image: url(img/bg-dolcevitastores.jpg);}

#wpsl-result-list li p {margin: 0 0 2px 0; font-size: 12px;}
#wpsl-result-list .wpsl-store-location p strong{font-size: 15px;font-family: 'Poppins', sans-serif; font-weight: 600}
#wpsl-search-btn, #wpsl-search-wrap input, .wpsl-dropdown{border-radius: 0;}
#wpsl-search-wrap input, .wpsl-dropdown{border: 1px solid #174860}
.wpsl-input label, #wpsl-radius label, #wpsl-category label{ width: auto !important}
#wpsl-search-btn{background-color: #174860;background-image: none;color: #fff; text-transform: uppercase !important; padding: 9px 10px; margin: 0 0 0 10px!important}
#wpsl-search-input, #wpsl-wrap .wpsl-selected-item {font-size: 15px;}
#wpsl-search-wrap div label{ line-height: 39px;}
#wpsl-search-wrap .wpsl-dropdown{ width: 100px;  height: 38px;}
#wpsl-search-wrap .wpsl-select-wrap{ width: 190px;}




/* -- FOOTER --------------------------------------- */

.footer { padding-top: 90px; font-size: 12px; background-color: #F7F7F7}
.footer a{ color: #fff;}
.footer-brand{ display: block;}
.footer-bottom-line{color:#fff; margin-top: 70px; padding: 20px 15px; background-color: #174860}

.social-block a{    width: 25px;height: 25px;background-size: 25px 25px;margin: 0 14px 0 0;background-repeat: no-repeat;display: inline-block;}
.social-block a:hover{ opacity: .7}
.social-block .icon-facebook{background-image: url(img/icons/facebook-icon.png);}
.social-block .icon-instagram{background-image: url(img/icons/instagram-icon.png);}
.social-block .icon-youtube{background-image: url(img/icons/youtube-icon.png);}


.top-banner-lands{height: 50%;position: relative;}
.bg-land {background-image: url(img/lands/top-banner.jpg);}
.page-id-494 .header-logo, .page-id-497 .header-logo{ pointer-events: none}
.page-id-494 .outer-menu, .page-id-497 .outer-menu { display: none}
.page-id-494 .header, .page-id-497 .header{ background-color: transparent !important}
.page-id-494 .wpcf7-spinner{ display: block; margin: 10px auto}









/* -- M QUERIES --------------------------------------- */

@media (max-width: 570px) {
  .wpsl-search-btn-wrap {margin-top: 24px;}
  #wpsl-radius, #wpsl-results {width: 100% !important;}
  #wpsl-search-wrap div label {line-height: 25px;}
  .wpsl-search-btn-wrap {clear: none !important;}
  #wpsl-search-wrap .wpsl-input {max-width: 273px;}
}

@media (max-width: 675px) {
  #wpsl-wrap #wpsl-result-list ul li{ padding: 10px 15px;}
}

@media (max-width: 767px) {
  .footer { text-align: center;}
  .social-block{margin-top: 30px; text-align: center;}
}

@media (min-width: 768px) {
  .header-logo{ margin: 20px auto 15px;}
  .top-banner-wide{ height: 450px;}
  h1, .h1 {font-size: 55px;}
  h2, .h2 {font-size: 36px;margin-bottom: 30px;}
  #wpsl-search-input {width: 248px !important; margin-right: 10px;}
  .padded-div-top{ padding-top: 50px;}
  .padded-div-bot{ padding-bottom: 70px;}
}

@media (min-width:571px) and (max-width: 825px){
#wpsl-search-wrap .wpsl-input {width: auto !important;}

@media (max-width: 825px){
  #wpsl-search-wrap .wpsl-input {float: left;}
  .wpsl-search-btn-wrap {clear: none !important;}
}