/*
Theme Name: FX1.2
Theme URI:
Author: Malosso Tomas
Author URI:
Description: Photograpy theme with Bootstrap 4 and font awesome, dosis font and magnific-popup gallery
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, flex-box, featured-images, sticky-post, translation-ready, Oembed Responsive, customizer settings, Dosis, jQuery, magnific-popup
Text Domain: fx

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ------------- INDEX  ------------------
1) GenaraL style
2) Menu
3) slider
4) focus section
5) Jumbtron-1 and Jumbtron-2
6) two columns
7) social jumbtron
8) Footer
9) Comments textarea
10) widget
11) pagination
12) gallery
13) Services
14) search pagination
15) Contact page
16) Tablet
17) Smartphone
18) Magnific Popup
19) Override bootstrap button focus state
20) Animation
21) general wordpress style
22) wordpress core
23) banner

-----------------------------------------*/
/*----- PALETTE--------------------------

RED: #CD1719 rgb(205,23,25)
WHITE: #FFF
BLACK: #000

-----------------------------------------*/
/*----- Dosis font weight ----------------

light:300
regular:400
medium:500
semi-bold:600
bold:700

/* 1) GENERAL STYLE
-----------------------------------------*/

.admin-bar .navbar {
  /*con admin-bar cerco di targhettizzare il menù solo quando si e' loggati, 32px è l'altezza del admin-bar*/
  top: 32px;
}

.op-0 {
  opacity: 0;
}

.mb-6 {
  margin-bottom: 60px;
}

body {
  display: flex;
  /*sticky footer, le prime 3 propietà servono a posizionare in basso il footer nelle pagine con poco contenuto */
  min-height: 100vh;
  flex-direction: column;
  padding-top: 70px;
  font-family: 'Dosis', sans-serif !important ;
  background-color: #eeeeee;
}

body.navbar-transparent {
  padding-top: 0px;
}

.main-content {
  /*sticky footer, serve a posizionare in basso il footer nelle pagine con poco contenuto */
  flex: 1;
  -ms-flex:none;
}
/*aggiunto questo stile per targettizzare le immagini inserite nelle pagine*/
.page img{
  max-width: 100%;
  height: auto;
}

p{
  text-align: justify;
}

footer p{
  text-align: center;
}

.fx-powered a{
  color: #cd1719;
}

a{
  color: #585858;
  font-weight: bold;
}

a:hover {
  color: #CD1719;
  text-decoration: none;
}

.home_hidden-privacy-policy p,
.home_hidden-privacy-policy ol,
.home_hidden-privacy-policy ul,
.home_hidden-cookie-law p,
.home_hidden-cookie-law ol,
.home_hidden-cookie-law ul{
  font-size: 14px;
}

.home_hidden-privacy-policy h1,
.home_hidden-cookie-law h1{
  font-size: 50px;
  font-weight: bold;
}

.home_hidden-privacy-policy h2,
.home_hidden-cookie-law h2{
  font-size: 26px;
  font-weight: bold;
}

.home_hidden-privacy-policy h3,
.home_hidden-cookie-law h3{
  font-size: 18px;
  font-weight: bold;
}

.home_hidden-privacy-policy h4,
.home_hidden-cookie-law h4{
  font-size: 16px;
  font-weight: bold;
}

.fx-seo-title{
  position: absolute;
  top: -9999px;
  color: #333;
  font-size: 2px;
  opacity: 0;
}

.hidden-sm{
  visibility: hidden;
}


/* 2) Menu
---------------------------------------------------------*/

.navbar-transparent .bg-white {
  background: rgba(255, 255, 255, 0.8) !important;
}

.is-scrolled .bg-white {
  background: rgba(255, 255, 255, 1) !important;
}

.navbar-brand img {
  width: 90%;
}

.is-scrolled .navbar-brand img {
  width: 60%;
}

.nav-link, .dropdown-item {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.05em;
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
}

.dropdown-menu {
  background: rgba(0, 0, 0, 0.6);
  border: none;
}

.dropdown-menu a {
  color: rgba(255, 255, 255, .5);
}

.menu-item .active{
  border-bottom: 1px solid #585858;
}

.dropdown-item:focus {
  color: #FFF;
  background: none;
}

.dropdown-item:active, .dropdown-item.active {
  color: #CD1719;
  background:  rgba(0, 0, 0, 0.8);
}

.is-scrolled .dropdown-menu {
  background: rgba(0, 0, 0, 0.9);
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(255, 255, 255, .5) !important;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(255, 255, 255, .5) !important;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(255, 255, 255, .5) !important;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, .5) !important;
}

.navbar-social a {
  display: inline-block;
  color:#484444;
  padding-right: 40px;
  font-size: 20px;
}

.navbar-social a:hover {
  color: #CD1719;
}

/* 3) Slider
---------------------------------------------------------*/

.carousel, .carousel-inner, .carousel-item {
  height: 800px;
}

.margin-bottom {
  bottom: 20%;
}

.fx-slider h2,
.fx-slider h3 {
  font-size: 90px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.fx-slider h4,
.video-container p {
  font-size: 22px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

.fx-slider-exerpt p{
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.1rem;
  font-weight: 200;
}

.carousel-caption {
  top: 30%;
}

.fx-slider .text-caption {
  font-size: 22px;
  font-weight: 300;
}

.fx-slide-button{
  font-size: 20px;
  font-weight: 300;
  display: inline-block;
  border: solid 3px #CD1719;
  border-radius: 0;
  color: #FFF;
  padding: 14px 30px;
  text-transform: uppercase;
}

.fx-slide-button:hover{
  border-color: #CD1719;
  border-radius: 0;
  color: #fff;
  background-color: #CD1719;
}

.fx-slider .carousel-caption {
  width: 100%;
  left: 0;
  right: 0;
}

/* 4) Focus section
---------------------------------------------------------*/

.fx-focuses {
  margin-top: 40px;
}

.fx-focuses h3 {
  text-transform: uppercase;
  font-weight: 300;
  letter-spacing: 0.1em;
}

.text-intro{
  font-size: 18px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 5px;
}

.fx-focus h4 {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.2em;
}

.text-link {
  color: #000;
}

.text-link i{
  color:#000;
}

.fx-focus a:hover{
  color: rgba(33, 37, 41, 0.7) !important;
}

.fx-focus i:hover{
  color: rgba(33, 37, 41, 0.7) !important;
}

.fx-focus-exerpt p{
  text-align: left;
}

/* 5) Jumbtron-1 and Jumbtron-2
---------------------------------------------------------*/

.fx-jumbtron-1{
  margin-top: 100px;
}

.fx-cta {
  text-align: center;
  min-height: 600px;
  padding: 100px 0;
}

.fx-service-jumbotron{
  height: 200px;
  padding: 0;
  background-color: #000;
  text-align: center;
}

.fx-service-cta-title {
  font-size: 26px;
  font-weight: 300;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.fx-service-button{
  font-size: 16px;
  font-weight: 200;
  display: inline-block;
  border: solid 1px #FFF;
  border-radius: 0;
  color:#FFF ;
  text-transform: uppercase;
}

.fx-service-button:hover{
  border-color: #CD1719;
  color:#FFF ;
  border-radius: 0;
  background-color: #CD1719;
}

.fx-cta-page {
  text-align: left;
  min-height: 400px;
  padding: 200px 0;
}

.fx-cta-page h2{
  font-size: 20px;
  font-weight: 300;
  text-transform: uppercase;
}

.single-fx_gallery .fx-cta-title,
.single-fx_service .fx-cta-title,
.fx-cta-page .fx-cta-title{
  letter-spacing: 0.3em;
}

.fx-cta-title {
  font-size: 64px;
  font-weight: 300;
  text-transform: uppercase;
}

.fx-cta-text {
  font-weight: 300;
  max-width: 700px;
  margin: 0 auto;
}

.fx-cta-text p{
  text-align: center;
  font-size: 18px;
}

.fx-cta-button-1{
  font-size: 20px;
  font-weight: 300;
  margin-top: 5%;
  display: inline-block;
  border: solid 2px #FFF;
  border-radius: 0;
  color: #fff;
  padding: 14px 30px;
  text-transform: uppercase;
  border-color: #CD1719;
  border-radius: 0;
  background-color: #CD1719;
}

.fx-cta-button-1:hover{
  border: solid 2px #fff;
  border-color: #fff;
  background-color: rgba(246,62,93, 0);
  color: #FFF;
}

/* 6) Two columns
---------------------------------------------------------*/

.fx-two-columns-title {
  font-size: 30px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
}

.fx-two-columns{
  position: relative;
    min-height: 400px;
}

.fx-two-columns-text{
  font-size:18px;
  font-weight: 300;
}

.fx-two-columns-text a,
.fx-two-columns-text i{
  color: #CD1719;
}

.fx-pattern{
  position: absolute;
  height: 2px;
  width: 100%;
  border: 2px solid #CD1719;
  left: -20%;
  z-index: -999;
}

/* 7) social jumbtron
---------------------------------------------------------*/

.fx-social-container{
  height: 400px;
  background-color: rgb(205,23,25);
  flex-direction: column;
}

.fx-social-container>div{
  height:100%;
  padding-top:100px;
}


.fx-social-container a{
  color: #000;
  border: 2px solid #000;
  border-radius: 50%;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
  padding: 3rem;
}

.fx-social-container a:hover{
  color: #FFF;
  border-color:  #FFF;
  box-shadow: 0 1rem 3rem rgba(0,0,0,.5);
}

.fx-social-container a:active{
  box-shadow: none;
}

/* 8) Footer
---------------------------------------------------------*/

.fx-bg-dark {
  background-color: #333;
}

.fx-copyright {
  background-color: #000;
  font-weight: 300;
  letter-spacing: 0.2rem;
}

.fx-footer-policy a{
  color: #A5A5A5;
}

.fx-footer-policy a:hover{
  color: #DFDFDF;
}

.fx-powered {
  font-size: 0.7rem;
  font-weight: 400;
  letter-spacing: 0.3rem;
}

.fx-footer {
  font-size: 12px;
}

.fx-footer-detail {
  font-size: 14px;
  letter-spacing: 0.05rem;
}

.fx-footer-detail i{
  color: #CD1719;
}

/* 9) Comments area
---------------------------------------------------------*/

#comments {
  margin-bottom: 40px;
}

.comments {
  padding-top: 40px;
}

.comments textarea {
  width: 100%;
}

.comments label {
  min-width: 80px;
}

.comments ul, .comments ol {
  list-style-type: none;
}

.comments img {
  border-radius: 999px;
}

.comments .reply {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: solid 1px #CCC;
}

/* 10) Widgets
---------------------------------------------------------*/

.fx-sidebar {
  text-align: right;
}

.fx-sidebar li {
  list-style-type: none;
}

.widget_search .screen-reader-text {
  display: block;
}

.widget_search #s {
  width: 70%;
  float: left;
}

.widget_search #searchsubmit {
  width: 30%;
  float: left;
}

#searchform{
  width: 70%;
  float: right;
}

.widget_categories ul {
  width: 50%;
  float: right;
}

.widget_categories h3 {
  text-transform: uppercase;
}

.widget_categories li {
  background-color: #343a40;
  padding-right: 5px;
  overflow: hidden;
}

.widget_categories li {
  margin-bottom: 10px;
}

/* 11) Pagination
---------------------------------------------------------*/

.pagination {
  margin-bottom: 40px;
}

.pagination .current {
  border-bottom: 1px solid #585858;
}

.page-numbers {
  display: inline-block;
  padding: 10px;
  margin-right: 4px;
}

/* 12) Gallery
---------------------------------------------------------*/

.gallery {
  width: auto;
}

.gallery-item {
  overflow: hidden;
  opacity: 1;
  transition: opacity 0.5s;
}

.gallery-item:hover {
  opacity: 0.8;
  transition: opacity 0.5s;
}

.gallery-icon img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  width: 90% !important;
  height: auto;
  border: none !important;
  transition: box-shadow 0.5s, opacity 0.5s;

}

.gallery-icon img:hover {
  box-shadow: none;
  transition: box-shadow 0.5s;
}

.fx-gallery-image img {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.fx-gallery-image h3{
  letter-spacing: 0.3em;
  font-size: 38px;
  text-transform: uppercase;
}

.fx-gallery-image h3 a{
  font-weight: 300;
}

.fx-gallery-exerpt {
  display: flex;
}

.fx-gallery-exerpt p {
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 22px;
}

/* 13) services
---------------------------------------------------------*/

.fx-services h2{
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
  text-align: center;
}

.fx-services h3{
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 200;
  text-align: center;
}

.fx-service-card-cover{
  width: 100%;
  height: 280px;
  display: -webkit-flex; /* Safari */
  -webkit-align-items: center; /* Safari 7.0+ */
  display: flex;
  align-items: center;
  border: none;
  border-radius: 0;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.fx-service-card-cover img {
  width: 100%;
  height: auto;
  opacity: 1;
  transition: opacity  0.3s, width 0.3s;
}

.fx-service-card-cover img:hover {
  width: 110%;
  opacity: 0.8;
  transition: opacity 0.3s, width 0.3s;
}


/* 14) Search pagination
---------------------------------------------------------*/

.fx-title-results {
  text-transform: uppercase;
  padding-left: 10px;
  background-color: #343a40;
  color: #FFF;
}

/* 15) Contact page
---------------------------------------------------------*/

.fx-vision-title {
  font-size: 50px;
  font-weight: 300;
  letter-spacing: 0.3rem;
  text-transform: uppercase;
}

.fx-contact-submit{

}

.fx-contact-p{
  font-size: 1.2rem;
}

.fx-contact-field,
.fx-contact label{
  width: 100%;
}

.fx-contact-field{
  background-color: #FFF;
  border: none;
  padding-left: 10px;
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
}

span.wpcf7-list-item{
  margin: 0;
}

/*---------------------------------------------------------
16) Tablet
---------------------------------------------------------*/

@media (max-width:998px) {
  .navbar-transparent .bg-white {
    background: rgba(255, 255, 255, 0.9) !important;
  }
  .navbar-social {
    flex-direction: row;
  }

/* disabilita il parallax su smartphone e tablet */
  .fx-parallax{
    background-attachment: scroll!important;
    background-position: center top!important;
  }

  .fx-service-card-cover{
    height: 200px;
  }
}

/*---------------------------------------------------------
17) Smartphone
---------------------------------------------------------*/

@media (max-width:767px) {
  /*general
  -----------------------------------*/
  .fx-single-title {
    font-size: 40px;
    font-weight: 500;
  }

  .carousel, .carousel-inner, .carousel-item {
    height: 500px;
  }

  .fx-slider h4 {
    font-weight: 300;
    font-size: 24px;
  }

  .fx-slider h2,
  .fx-slider h3 {
    font-weight: 300;
    font-size: 45px;
  }

  .fx-slider-exerpt p{
    font-size: 12px;
  }

  .fx-vision-title {
    font-size: 50px;
  }

  .margin-bottom {
    bottom: 5%;
  }

  .fx-page h3{
    font-size: 28px;
  }

  .fx-page h4{
    font-size: 22px;
    font-weight: bold;
  }

  .fx-gallery-image h3{
    letter-spacing: 0.1rem;
    font-size: 30px;
  }

  /* JUMBTRON and service page
  ------------------------------------------------------*/
  .fx-cta {
    min-height: 400px;
  }

  .fx-jumbtron-1{
    margin-top: 50px;
  }

  .single-fx_gallery .fx-cta-title,
  .single-fx_service .fx-cta-title{
    letter-spacing: 0.1em;
  }

  .fx-cta-page h3{
    font-size: 18px;
  }

  .fx-cta-title{
    font-size: 40px;
  }

  .fx-service-card-cover{
    height: 280px;
  }

  .fx-cta-text p{
    font-size: 14px;
  }

  /* Social section
  ---------------------------------------------------------*/

  .fx-social-container{
    height: 300px;
  }

  .fx-social-container a{
    padding: 1rem;
  }

  .fx-social1 i,
  .fx-social2 i,
  .fx-social3 i{
    font-size: 3em;
  }

  /* Footer
  ---------------------------------------------------------*/
  .fx-powered p {
    margin-bottom: 0;
  }

  .fx-powered{
    display: inline !important;
  }

  .fx-powered, .fx-footer-detail {
    text-align: center;
  }
}

/* 18) Override Magnific Popup style time
---------------------------------------------------------*/

.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
}

/* 19) Override bootstrap button focus state
---------------------------------------------------------*/
button:focus{
  outline-color: 5px auto #CD1719 !important;
}


/* 20) Animation
---------------------------------------------------------*/

.animate {
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated2 {
  animation-duration: 2s;
  animation-fill-mode: both;
}

.animated3 {
  animation-duration: 0.5s;
  animation-fill-mode: both;
}

.animated1.infinite {
  animation-iteration-count: infinite;
  animation-duration: 2s;
}

.animated.infinite {
  animation-iteration-count: infinite;
  animation-duration: 3s;
}

.animated4.infinite {
  animation-iteration-count: infinite;
  animation-duration: 2.7s;
}

.animated5.infinite {
  animation-iteration-count: infinite;
  animation-duration: 3.2s;
}

/* Override bootstrap 4.1 carousel animation
---------------------------------------------------------*/

.carousel-fade .carousel-item {
    opacity: 0.8 ;
    transition-duration: .8s  ;
    transition-property: opacity;
}

/* fadeIn
---------------------------------------------------------*/

@keyframes fadeIn {
  /*carousel image*/
  from {
    opacity: 0.5;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  animation-name: fadeIn;
}

/* fadeIn0
---------------------------------------------------------*/

@keyframes fadeIn0 {
  /*carousel image*/
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn0 {
  animation-name: fadeIn;
}

/* fadeInDownLight
---------------------------------------------------------*/

@keyframes fadeInDownLight {

  From {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }

  50% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  to {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }
}

.fadeInDownLight {
  animation-name: fadeInDownLight;
}

/* fadeInDown
---------------------------------------------------------*/

@keyframes fadeInDown {

  From {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

/* fadeInUP
  ---------------------------------------------------------*/

@keyframes fadeInUp {

  From {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

/* fadeInLeft
  ---------------------------------------------------------*/

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

/* fadeInRight
  ---------------------------------------------------------*/

@keyframes fadeInRight {
  /*bottone slider*/
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}

/* SWING
  ---------------------------------------------------------*/

.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes swing {
  /*Applicato a pulsante contattaci*/
  75% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  85% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  90% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  95% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

/* Shake
---------------------------------------------------------*/

@keyframes shake {
  /*Applicato ai link*/
  54% {
    transform: translate3d(0, 0, 0);
  }
  58%, 66%, 74%, 82%, 90% {
    transform: translate3d(10px, 0, 0);
  }
  62%, 70%, 78%, 86% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

.shake {
  animation-name: shake;
}

/* 21) General wordpress style
---------------------------------------------------------*/

.post img, .post div {
  max-width: 100%;
  /*immagini troppo lunghe sbordavano*/
  height: auto;
}

.video-container{
  position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.video-container iframe{
  position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 22) WordPress Core
-------------------------------------------------------------- */

.gallery-caption {
  padding: 4px;
  font-size: 14px;
}

.bypostauthor {
  border-left: 4px;
}

.alignnone {
  margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}

.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}

a img.alignnone {
  margin: 5px 20px 20px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  /* Image does not overflow the content area */
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}

/* Text meant only for screen readers. */

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #eee;
  clip: auto !important;
  clip-path: none;
  color: #444;
  display: block;
  font-size: 1em;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* 22) Banner
-------------------------------------------------------------- */

#cookieChoiceInfo{
  bottom:0px!important;
  top:auto!important;
  padding: 15px!important;
  text-align: center!important;
  background-color: #222!important;
  color:#fff;
  font-size: 16px;
}

#cookieChoiceInfo a{
  background: #fff;
  text-decoration: none;
  font-weight: 200;
  color:#000;
  padding: 4px 8px;
  border-radius: 3px;
  margin: 5px!important
}

#cookieChoiceInfo #cookieChoiceDismiss{
  background: #1AFF05;
}


/* 23) reCAPTCHA
-------------------------------------------------------------- */

.grecaptcha-badge{right: -280px !important;}