/*
Theme Name:     Ample Child
Theme URI:      http://example.com/
Description:    Tema Child per il tema Ample
Author:         Diana Orefice
Author URI:     http://example.com/about/
Template:       ample
Version:        0.1.0
*/

@font-face {
  font-family: Din Regular;
  src: url(http://radicaliroma.it/www/wp-content/themes/ample-child/fonts/dinregular.woff);
  font-weight: normal;
}

@font-face {
  font-family: Din;
 src: url(http://radicaliroma.it/wp-content/themes/ample-child/fonts/DIN-RegularAlternate.woff);
font-weight: 900;
}

@font-face {
  font-family: Din Bold;
  src: url(http://radicaliroma.it/wp-content/themes/ample-child/fonts/dinbold.woff);
  font-weight: 900;
}

@font-face {
  font-family: Din Black;
  src: url(http://radicaliroma.it/wp-content/themes/ample-child/fonts/dinblack.woff);
  font-weight: 900;
}

@font-face {
  font-family: Din Alternate;
  src: url(http://radicaliroma.it/wp-content/themes/ample-child/fonts/ff_din_black_italic_alternate-webfont.woff);
  font-weight: 900;
}

body a {
   color: #838383;
}

body a:hover {
   color: #fcd905;
}

#masthead {
   background: #ffffff;
   opacity
}

.main-head-wrap {
   padding: 5px 0;
}

#header-logo-image {
   float: left;
   padding: 0px 5px 5px 0;
   max-width: 100%;
}

.main-navigation ul.menu li a {
   font-family: Din Alternate;
   text-decoration: none;
   color: #181818;
   background: #ffffff;
   font-size: 15px;
   letter-spacing: -1px;
   font-weight: 300;
}


.main-navigation ul.menu li li a:hover {
   background: #181818;
}

h1, h2, h3, h4, h5, h6 {
   color: #af1020;
   font-family: 'Din Alternate';
   line-height: 1.4;
   padding-bottom: 15px;
}
h3 { font-size: 30px; }
h4 { font-size: 28px; }
h5 { font-size: 26px; }
h6 { font-size: 23px; }

#colophon{
   font-family: Din Alternate;
   font-size: 16px;
   clear: both;
   color: #181818;
   background-color: #fcd905;
   overflow: hidden;
   padding: 50px 0 20px;
}

#colophon a {
   font-weight: 300;
   color: #181818;
   line-height: 22px;
   font-size: 16px;
   text-decoration: none;
}

.copyright-info {
   float: left;
   padding-right: 10px;
   font-weight: 300;
}


#colophon .copyright-info a:hover, #colophon .footer-nav ul li a:hover, #colophon a:hover {
    color: #000000;
}


.big-slider .entry-title {
   font-family: 'Din Alternate';
   text-shadow: 4px 4px 2px #181818;
   letter-spacing: -2px;
   font-weight: 900;
   font-size: 58px;
   text-transform: uppercase;
   color: #ffffff;
   padding-bottom: 35px;
   line-height: 1.1;
}

.slider-button {
   display: inline-block;
   color: #ffffff;
   font-family: Din Bold;
   font-style: italic;
   text-shadow: 2px 2px 2px #181818;
   box-shadow: 4px 4px 2px #181818;
   font-size: 18px;
   padding: 18px 20px;
   text-transform: uppercase;
   letter-spacing: 0px;
   border: 2px solid #ffffff;
}

.slider-button:hover {
   background: rgba(255, 255, 255, 0.26);
   color: #181818;
   text-shadow: 0px 0px 0px;
}
.slide-prev,
.slide-next {
   opacity: 1.0;
   filter:alpha(opacity=50);
   background-color: #80abc8;
   position: absolute;
   top: 50%;
   -ms-transform: translateY(-50%); /* IE 9 */
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   z-index: 9;
   border-radius: 3px;
}

.big-slider img {
   margin-bottom: 0;
   filter: brightness(70%);
}

.author, .comments, .entry-date, .category {
   display:none;
}

/*--------------------------------------------------------------
14.0 Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1190px) {
   #page {
      width: 97%;
   }
   .wide #page {
      width: 100%;
   }
   .inner-wrap {
      width: 94%;
   }
   .business-template .widget.widget_call_to_action_block > .inner-wrap,
   .business-template .widget.widget_portfolio_block > .inner-wrap {
      width: 100%;
   }
}
@media screen and (max-width: 768px) {
   #header-left-section {
      max-width: 80%;
      margin-right: 0;
   }
   #header-right-section {
      float: none;
   }
   #header-text {
      padding-right: 0;
   }
   .big-slider .slider-entry-container {
      width: 80%;
   }
   .big-slider .entry-title {
      font-size: 30px;
      padding-bottom: 28px;
   }
   .slider-button {
      font-size: 12px;
      padding: 10px 14px;
      letter-spacing: 1px;
   }
   .slide-prev a:before, .slide-next a:before {
      font-size: 24px;
      padding: 7px 9px;
   }
   .slide-prev {
      margin-left: 8px;
   }
   .slide-next {
      margin-right: 8px;
   }
   .better-responsive-menu .sub-menu {
	  display: none;
	}
   .main-small-navigation li{
      position: relative;
   }
   .sub-toggle {
	  position: absolute;
	  right: 20px;
	  cursor: pointer;
	  display: block;
	  top: 6px;
	  color: #fff;
	  padding: 0 7px;
	  background-color: #80abc8;
	}
   .menu-toggle,
   .main-navigation.toggled .menu-primary-container {
      display: block;
   }
   .main-navigation ul {
      display: none;
   }
   .main-navigation {
      padding-top: 0;
   }
   .menu-toggle {
      margin-top: 28px;
      right: 48px;
      position: absolute;
   }
   .menu-toggle:before{
      color: #80abc8;
      content: "\f0c9";
      font-family: fontawesome;
      font-size: 22px;
      position: absolute;
      top: -10px;
   }
   .menu-primary-container {
      clear: both;
   }
   .menu-primary-container > ul > li > a,
   .menu > ul > li > a {
      line-height: 50px;
      height: 88px;
   }
   .menu-primary-container ul ul li {
      padding-right: 0;
   }
   .menu-primary-container > ul > li > a,
   .menu > ul > li > a {
      height: auto;
      line-height: 1;
   }
   #masthead .menu-primary-container li a {
      border-bottom: 1px solid #f8f8f8;
      color: #777777;
      display: block;
      font-size: 14px;
      padding: 10px 0;
      width: 100%;
   }
   .call-to-action-content-wrapper h3 {
      line-height: 1.5;
   }
   .call-to-action-button {
      margin: 20px auto 0;
   }
   /* Featured Posts widget */
   .single-post-image-wrap {
      float: none;
      margin-right: 0;
   }
   .featured-posts-header .widget-title {
  display: inline-block; 
  font-family: 'Din Alternate';
  font-size: 51px;
  letter-spacing: -2px;
  color: #181818;
  background-size: contain;
  background: #fcd905;
  text-align: center;
  line-height: 70px;
  padding: 10px 30px 0;
}

   .campagna { 
   background-color: #000000;
   color:#FFF;
}


.header-post-title-class {
   font-family: 'Din Alternate';
   font-size: 38px;
   letter-spacing: -2px;
   text-align: center;
   padding-bottom: 0;
   color: #181818;
}
   .single-post-content .entry-title,
   .single-post-content p,
   .read-btn {
      text-align: center;
   }
   .footer-widgets-wrapper .tg-column-odd,
   .widget_portfolio_block .tg-column-odd {
      float: left;
      width: 40%;
   }
   .footer-widgets-wrapper .tg-column-even,
   .widget_portfolio_block .tg-column-even {
      float: right;
      width: 40%;
      margin-right: 0;
   }
   .widget_portfolio_block .tg-column-odd,
   .widget_portfolio_block .tg-column-even {
      text-align: center;
      margin-bottom: 25px;
   }
   .single-service.tg-one-third {
      margin-bottom: 25px;
   }
   .tg-after-two-blocks-clearfix {
      clear: both;;
   }
   .tg-after-three-blocks-clearfix {
      clear: none;
   }
   .copyright-info {
      padding-right: 0;
      float: none;
      text-align: center;
   }
   .footer-nav {
      float: none;
      text-align: center;
   }

   .logo-disable #site-navigation > .menu {
     padding-top: 60px;
   }

   .logo-disable .main-head-wrap.inner-wrap {
     padding: 0;
   }
}
@media screen and (max-width: 767px) {
   #primary, #secondary,
   .both-sidebar #primary,
   .both-sidebar #secondary,
   .both-sidebar #primary #content,
   .both-sidebar #primary #tertiary {
      float: none;
      width: 100%;
   }
   .tg-one-half, .tg-one-third {
      float: none;
      width: 100%;
      margin: 0;
   }
}
@media screen and (max-width: 600px) {
   .big-slider .slider-entry-container {
      width: 75%;
   }
   .big-slider .entry-title {
      font-size: 24px;
      padding-bottom: 20px;
   }
   .slider-button {
      font-size: 12px;
      padding: 3px 5px;
      letter-spacing: 0;
   }
   .slide-prev a:before, .slide-next a:before {
      font-size: 18px;
      padding: 3px 5px;
   }
   .slide-prev {
      margin-left: 4px;
   }
   .slide-next {
      margin-right: 4px;
   }
   .footer-widgets-wrapper .tg-column-odd,
   .footer-widgets-wrapper .tg-column-even {
      float: none;
      width: 100%;
   }
   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width:25%;
   }
}
@media only screen and (max-width: 420px) {
   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width:33.33%;
   }
}
@media screen and (max-width: 400px) {
   .big-slider .entry-title {
      font-size: 16px;
      padding-bottom: 10px;
   }
   .slider-button {
      font-size: 10px;
      letter-spacing: 0;
      padding: 1px 5px;
   }
   .widget_portfolio_block .tg-column-odd,
   .widget_portfolio_block .tg-column-even {
      float: none;
      width: 100%;
   }
}

/* Remove the updated class from entry meta */
.entry-date .updated {
  display: none;
}


/* Reduces the title font size and displays more than two title lines */
.yarpp-thumbnail {height: 200px !important;}
.yarpp-thumbnail-title {font-size:0.8em !important; max-height: 4em !important}

/* Centers the thumbnail section */
.yarpp-related-widget {text-align:center !important;}