/*

Theme Name: Pro – Child Theme
Theme URI: http://theme.co/pro/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to Pro in this child theme.
Version: 1.0.0
Template: pro

*/

/*
===================
Recent posts
===================
*/

.x-recent-posts{
  width:100%;
  display:block;
}

.x-recent-post3{
  width:30%;
  margin-right:4%;
  display:inline-block;
  vertical-align: top;
}

.x-recent-post3:nth-child(3n){
  margin-right:0;
}

.x-recent-posts a{
  float:none;
  margin:0;
  padding:0;
  border:0;
  box-shadow:none;
  background-color: transparent;
}

.x-recent-posts .x-recent-posts-category{
  display: block;
}

.x-recent-posts .x-recent-posts-category a{
  font-weight:500;
  text-transform: lowercase;
  color: rgb(46,62,74);
  letter-spacing: 0.2em;

  margin:0 0 5px 0;
}

.x-recent-posts .h-recent-posts{
  font-size:1.2em;
  font-weight:300;
  font-family: "franklin-gothic-urw",sans-serif;
  line-height: 1.2;
  letter-spacing: 0.05em;
  color: rgb(46,62,74);
  margin-bottom:15px;
  white-space: pre-wrap;
}

.x-recent-posts .x-recent-posts-date{
  font-size:0.8em;
  font-family: "franklin-gothic-urw",sans-serif;
  font-weight:300;
  color: rgb(46,62,74);
  margin-bottom:0;
}

.x-recent-posts .x-recent-posts-hr{
  width:120px;
  border-color:rgb(46,62,74);
  margin: 25px 0 20px;
}

.x-recent-posts .x-recent-posts-excerpt a{
  font-weight:300;
  text-transform: uppercase;
  color: rgb(46,62,74);
  letter-spacing: 0.2em;
  font-size:0.8em;
}

/*
===================
Contact
===================
*/

#gform_fields_1{

}

body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield+li.gfield{
  margin-top:0;
}

body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield{
  margin-bottom:20px;
}

body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield input, body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield textarea{
  border:0;
  border-bottom:1px solid rgb(46,62,74);
  border-radius: 0;
  padding:5px 0 !important;

  box-shadow: none;
}

body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield input::-webkit-input-placeholder, body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield textarea::-webkit-input-placeholder {
  color: rgb(46,62,74);
  letter-spacing: 0.3em;
  text-transform: lowercase;
}

body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield input::-moz-placeholder, body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield textarea::-moz-placeholder {
  color: rgb(46,62,74);
  letter-spacing: 0.3em;
  text-transform: lowercase;
}

body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield input:-ms-input-placeholder, body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield textarea:-ms-input-placeholder {
  color: rgb(46,62,74);
  letter-spacing: 0.3em;
  text-transform: lowercase;
}

body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield input:-moz-placeholder, body .x-site .gform_wrapper .gform_body ul.gform_fields li.gfield textarea:-moz-placeholder {
  color: rgb(46,62,74);
  letter-spacing: 0.3em;
  text-transform: lowercase;
}

body .gform_wrapper ul.top_label li ul.gfield_checkbox li{
  align-items:flex-start;
}

body .gform_wrapper .gform_footer{
  text-align: right;
}

body .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit]{
  background-color:rgba(255,255,255);
  color: rgb(46,62,74);
  box-shadow: none;
  border-radius: 0;
  border:0;
  border-left:1px solid rgb(46,62,74);
  text-shadow:none;
  padding:calc(0.575em + 5px) calc(0.85em + 5px);

  font-family: "franklin-gothic-urw",sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;

  background: linear-gradient(to left, #fff 51%, rgb(46,62,74) 50%);
  background-size: 200% 100%;
  background-position:right bottom !important;
  transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body .gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover{
  color:#fff;
  background-position:left bottom !important;
}

body .gchoice_select_all,
body .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label,
body .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label{
  font-weight: 300 !important;
}

/*
===================
Single post
===================
*/

.single-post .x-site > .x-container{
  max-width:800px;
}

.single-post .entry-wrap{
  padding:0;
  box-shadow: none;
}

.single-post .entry-title{
  font-family: "franklin-gothic-urw",sans-serif;
  font-size: 2em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: left;
  text-transform: uppercase;
  color: rgb(46,62,74);
  display:block;
  margin-bottom:40px;
}

body.single article.post h2 {
  font-size: 1.7em;
}

body.single article.post h3 {
  font-size: 1.4em;
}

body.single article.post h4 {
  font-size: 1.2em;
}

body.single article.post .single-post-share{
  display: block;
  margin-top:10%;
}

body.single article.post .single-post-share .x-entry-share{
  padding:0;
  margin:0;
  border:0;
  text-align: left;
}

body.single article.post .single-post-share .x-entry-share > p{
  font-size:16px;
}

body.single article.post .single-post-share .x-entry-share .x-share-options a:hover{
  background-color:rgba(255,255,255,0);
  opacity: 0.8;
  color: rgba(46,62,74,0.8);
}

body.single article.post .single-post-back-to-overview{
  margin-top:5%;
  float: right;
  clear: both;
}

body.single article.post .single-post-back-to-overview a{
  color: rgb(46,62,74);
  font-size: 1em;
  line-height: 2;
  font-family: "franklin-gothic-urw",sans-serif;
  font-weight: 600;
}

/*
===================
Search
===================
*/

.search .entry-wrap{
  padding:0;
  box-shadow: none;
  border:0;
}

.search .entry-wrap .entry-title{
  font-family: "franklin-gothic-urw",sans-serif;
  font-size: 2em;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-align: left;
  text-transform: uppercase;
  color: rgb(46,62,74);
  display:block;
  margin-bottom:20px;
}

.search .single-post-date{
  font-size:0.8em;
  font-family: "franklin-gothic-urw",sans-serif;
  font-weight:300;
  color: rgb(46,62,74);
  margin-bottom:0;
}

.search .entry-wrap .more-link{
  font-weight:300;
  text-transform: uppercase;
  color: rgb(46,62,74);
  letter-spacing: 0.2em;
  font-size:0.8em;
}

/*
===================
Team
===================
*/

.x-custom-close{
  background-color:rgba(255,255,255,0);
  color:rgb(46,62,74);
  font-family: "franklin-gothic-urw",sans-serif;
  font-weight:300;
  box-shadow: none;
  border:0;
  font-size:1em;
  text-transform: uppercase;
  letter-spacing: 0.2em;
}

/*
===================
WPML language switcher
===================
*/

.wpml-ls{
  padding:0 !important;
  border:0 !important;
}

.wpml-ls > ul{
  width:100%;
  display:block;
}

.wpml-ls > ul li:not(:last-of-type){
  border-bottom:1px solid rgb(46,62,74);
}

.wpml-ls > ul a.wpml-ls-link{
  width:100%;
}

/*
===================
Header banner
===================
*/

.x-root{
  flex-direction: column;
}

.header-banner{
  width:100%;
  display:block;
  background-color:rgba(46,62,74,0.1);
  padding:10px 0;
}

.header-banner a{
  margin-left:20px;
  font-weight: bold;
}

.header-banner a:hover{
  color:rgb(46,62,74);
}

.grecaptcha-badge{
  z-index:99999999;
}

/*
===================
Responsive
===================
*/

@media screen and (max-width:767px){
  .mobile-col .x-bar-content{
    flex-direction: column !important;
  }

  .no-mobile{
    display:none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left:-99999999999px;
  }

  .x-recent-post3{
    width:100%;
    margin-right:0%;
    display:block;
  }

  .wpml-ls > ul li:not(:last-of-type){
    border-bottom:0;
    border-right:1px solid rgb(46,62,74);
  }
}

/*
===================
Animations
===================
*/

.bounce{
  -webkit-animation: bounce-coach 1.4s ease-in-out infinite;
  -moz-animation: bounce-coach 1.4s ease-in-out infinite;
  -o-animation: bounce-coach 1.4s ease-in-out infinite;
  animation: bounce-coach 1.4s ease-in-out infinite;
}

@-webkit-keyframes bounce-coach {
    0% {
        -webkit-transform: translateY(0)
    }

    100% {
        -webkit-transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(.3em)
    }
}

@-moz-keyframes bounce-coach {
    0% {
        -moz-transform: translateY(0)
    }

    100% {
        -moz-transform: translateY(0)
    }

    50% {
        -moz-transform: translateY(.3em)
    }
}

@-o-keyframes bounce-coach {
    0% {
        -o-transform: translateY(0)
    }

    100% {
        -o-transform: translateY(0)
    }

    50% {
        -o-transform: translateY(.3em)
    }
}

@keyframes bounce-coach {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(.3em)
    }
}