@import "fonts/classica.css";
@import "fonts/Andantinoscript.css";
/*
Theme Name: Ledda Theme
Theme URI: http://marialedda.com/
Author URI: http://marialedda.com/
Version: 4.0.2
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
*/

/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,center,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}
body{line-height:1}ol,ul{list-style:none}*/blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

* { box-sizing: border-box; }
*:focus { outline: none !important; }
body { background: url(i/bg.jpg) center top no-repeat #f7f9f0; font-family: 'Open Sans'; }
p { margin: 0 0 20px; line-height: 22px; }
.logo { height: 135px; display: block; background: url(i/logo.png); margin: 90px auto; opacity: 0; }
.ledda-logo { display: block; margin-top: 25px; width: 200px; height: 115px; background: url(i/ledda-logo.png); }
.section-0 .heading { font-size: 22px; color: #878787; font-style: italic; width: 380px; text-align: center; margin-top: 60px; margin-left: 50px; }
.section-0 .subheading { font-size: 20px; color: #878787; text-align: center; margin-bottom: 15px; }
.arrow { }
#main-content { background: #fff; padding: 50px 50px; font-size: 16px; color: #000; line-height: 1; border-top: 3px solid #4b73eb; box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.2); }
.h1 { font-size: 40px; line-height: 32px; font-family: 'Andantinoscript'; color: #0e46eb; margin: 0; margin-bottom: 20px; }
.bonus { font-size: 40px; line-height: 32px; font-family: 'Andantinoscript'; color: #0e46eb; }
.left-col { float: left; width: 72%; padding-right: 20px; }
.right-col { float: left; width: 28%; }
.navigation ul { display: flex; margin: 0 auto; padding: 0; justify-content: center; }

.menu { margin: 0 auto; padding: 0; position: relative; text-align: center; }
.menu li { display: block; float: left; }
.menu a {  /* width: 100%; */
display: block; line-height: 45px; font-size: 16px; color: #fff; text-align: center; font-family: 'Open Sans'; text-decoration: none; text-transform: uppercase; padding: 0 15px; background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #680000; }
.menu li:first-child a { border-top-left-radius: 5px; }
.menu li:last-child a { border-top-right-radius: 5px; border-right: 0; }

.menu li:nth-of-type(1n) a { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #accbf4; }
.menu li:nth-of-type(2n) a { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #bdcdfb; }
.menu li:nth-of-type(3n) a { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #a2b4e9; }
.menu li:nth-of-type(4n) a { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #8ba7f8; }
.menu li:nth-of-type(5n) a { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #7294fb; }
.menu li:nth-of-type(6n) a { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #4b73ec; }
.menu li:nth-of-type(7n) a { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)), #0e46eb; }

.menu li.current_page_item a { font-weight: bold; }
.menu li a:hover { background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)), #0e46eb; text-decoration: none; }

.gift-icon { background: url(i/icon-box.png); width: 32px; height: 32px; display: inline-block; float: right; }
.comment-title { padding-top: 84px; background: url(i/comment-icon.png) top 40px center no-repeat; color: #000; font-size: 24px; font-style: italic; text-align: center; margin-top: 50px; border-top: 1px solid #e4eff3; }
.entry-content iframe { background: none; overflow: hidden; border-radius: 3px; display: block; height: 410px; margin: 0 auto; max-width: 100%; width: 730px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); }
.btn-block.btn-lg { height: 45px; line-height: 45px; color: #fff; font-weight: 300; padding: 0; margin-bottom: 10px; }
.btn-green { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0)), #c80206; }
.btn-green:hover { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0)), #b30507; }
.btn-orange { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0)), #f08127; }
.btn-orange:hover { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0)), #ff9c3b; }
.modal .btn-rose { background: #e02258; color: #fff; }
.modal input { margin-bottom: 5px; }

.bonus-menu {
  position: absolute;
  right: 0;
  bottom: 3px;
}
.bonus-item {
  border-radius: 40px;
  height: 40px;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  white-space: nowrap;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background: rgba(247,249,240,0.9);
  color: #000;
  text-decoration: underline;
}
.bonus-item:before {
  display: inline-block;
  content: "";
  width: 22px;
  height: 22px;
  background: url(i/bonus-red.png);
  margin-right: 10px;
}
.bonus-item.bonus-item-1 {
  right: 120px;
}
.bonus-item.bonus-item-2 {
  bottom: 50px;
  right: 90px;
}
.bonus-item.bonus-item-3 {
  right: 60px;
  bottom: 97px;
}








/* FOOTER */

.podcast-download-link {
margin: 0 0 6px;
text-align: right;
width: 100%!important;
}
.podcast-download-link a {
background: #777;
color: #FFF;
text-align: center;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
padding: 2px 6px;
font-size: 13px;
}
.podcast-download-link a:hover {
background: #b00;
color: #fff;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}


/* FOOTER */

.modal-body .form-control { margin-bottom: 10px; }
.pre-footer { height: 30px; background: #3b4963; }
.after-footer { display: none; }
.footer { margin-top: 5rem; height: 510px; background: url(i/footer.jpg) center top / cover; color: #fff; padding-top: 75px; overflow: hidden; }
.footer a { color: #fff; }
.footer .container { position: relative; height: inherit; }
.text-32 { font-size: 14px; color: #fff; position: absolute; top: 140px; left: 0; right: 0; line-height: 18px; text-align: center; }
.vertical-life-txt { width: 289px; height: 38px; background: url(i/logo-white.png); position: absolute; top: 22px; left: 50%; margin-left: -145px; }
.copy { font-size: 14px; color: #fff; font-weight: 400; text-align: center; bottom: 105px; position: absolute; left: 0; right: 0; }
.links { position: absolute; bottom: 80px; left: 0; right: 0; text-align: center; }
.links a { border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 12px; margin: 0 10px; text-decoration: none; }
input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; }
input:focus::-moz-placeholder { color: transparent; }
input:focus:-ms-input-placeholder { color: transparent; }
.social { margin-top: 30px; position: relative; z-index: 1; }
.social > a { margin-left: 10px; }
.social .vk { display: inline-block; float: right; margin-bottom: 10px; margin-top: 20px; width: 35px; height: 35px; background: url(i/soc-vk.png) top center no-repeat; background-size: cover; }
.social .fb { display: inline-block; float: right; margin-bottom: 10px; margin-top: 20px; width: 35px; height: 35px; background: url(i/soc-fb.png) top center no-repeat; background-size: cover; }
.social .ig { display: inline-block; float: right; margin-bottom: 10px; margin-top: 20px; width: 35px; height: 35px; background: url(i/soc-ig.png) top center no-repeat; background-size: cover; }
.social .tw { display: inline-block; float: right; margin-bottom: 10px; margin-top: 20px; width: 35px; height: 35px; background: url(i/soc-tw.png) top center no-repeat; background-size: cover; }
.social .yt { display: inline-block; float: right; margin-bottom: 10px; margin-top: 20px; width: 35px; height: 35px; background: url(i/soc-yt.png) top center no-repeat; background-size: cover; }
.social .vk:hover { background: url(i/soc-vk.png) bottom center no-repeat; background-size: cover; }
.social .fb:hover { background: url(i/soc-fb.png) bottom center no-repeat; background-size: cover; }
.social .ig:hover { background: url(i/soc-ig.png) bottom center no-repeat; background-size: cover; }
.social .tw:hover { background: url(i/soc-tw.png) bottom center no-repeat; background-size: cover; }
.social .yt:hover { background: url(i/soc-yt.png) bottom center no-repeat; background-size: cover; }
.ledda-text { min-width: 288px; background: url(i/ledda-text.png) top left no-repeat; padding-top: 106px; min-height: 71px; float: left; margin-top: 30px; margin-left: 10px; line-height: 16px; }
.ledda-img { width: 80px; height: 80px; background: url(i/ledda-img.png) top left no-repeat; margin-top: 30px;  }
.social .icons { align-items: center; justify-content: space-between; display: flex; }

@media (min-width:992px) and (max-width:1199.98px) {
  .navigation ul {
    justify-content: flex-start;
  }
}
 
@media (max-width: 991.98px) {
  body {background: url(i/bg-xs.jpg) center top no-repeat #f7f9f0;}
  #main-content{padding: 25px; border: none; margin-top: 10px; }
  .navigation ul {flex-flow: column;}
  .navigation ul li { margin-bottom: 3px; }
  .navigation ul li a { border-radius: 40px !important; }
  .logo{height:55px;}
  .container{max-width:480px;}
  .header{background:url(i/header-xs.jpg) center top no-repeat;}
    .footer {
  background-image: url(i/footer-xs.jpg);
  background-position: center center;
  height: 301px;
  padding-top: 0px;
  background-size: initial;
  background-repeat: no-repeat;
}
  .social > a{margin-left:10px;float:none!important;}
  .text-32{top:90px;}
  .links{position:absolute;bottom:15px;}
  .copy{font-size:10px;bottom:35px;}
  .text-32 p{font-size:9px;}
  .text-32 p + p{font-size:9px;line-height:10px;margin-top:50px;}

  .links {
    position: absolute;
    bottom: 15px;
    display: flex;
    justify-content: space-around;
  }
  .links a {
    margin: 0;
    font-size: 11px;
  }

  .bonus-menu {
    position: initial;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .bonus-item {
    background: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)), #09d9ff;
    color: #fff;
    text-decoration: underline;
    position: initial;
    flex: 0 0 calc(95% / 3);
    border-radius: 3px;
  }
  .bonus-item:before {
    display: inline-block;
    content: "";
    width: 27px;
    height: 27px;
    background: url(i/bonus-white.png);
    margin-right: 10px;
  }

}