/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import url("../bridge/style.css");




@font-face {
    font-family: 'robotoregular';
    src: url('roboto-regular-webfont.woff2') format('woff2'),
         url('roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('roboto-light-webfont.woff2') format('woff2'),
         url('roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin';
    src: url('roboto-thin-webfont.woff2') format('woff2'),
         url('roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.woff2') format('woff2'),
         url('opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'open_sanslight';
    src: url('opensans-light-webfont.woff2') format('woff2'),
         url('opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Custom styling for slides */
div.slider_content.center {
  position: absolute;
  top: 50%!important;
  left: 50%!important;
  margin: -15% 0 0 -50%;
  width: 100%!important;

}
h2.q_slide_title{

  font-family: 'open_sanslight';
  color: #000000;
  font-size: 5em;
  font-weight: 400;
  text-align: center;
  text-transform: none;

}

.kd_title_center{

  font-family: 'robotolight';
  color: #884b9f;
  font-size: 1.2em!important;
  font-weight: 550;
  text-align: center;
  text-transform: uppercase;

}

.kd_page_text{
  font-family: 'open_sanslight';
  font-size: 2em;
  line-height: 2em;
  font-weight: 300;
  text-align: center;
  color: #333;
  padding: 8px 10px 8px 10px;
  background: #fcfcfc;

}

.kd_page_section{
  padding: 20px 0px 20px 0px;
  background: #fcfcfc;

}

.kd_section_title{

  font-family: 'robotolight';
  color: #000000;
  padding: 20% 0px 20% 0px;
  margin-top: 12%;
  font-size: 8em;
  font-weight: 550;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px rgba(235,230,218,0.8);
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebe6da+0,000000+100&0.7+0,0+100 */
  background: -moz-radial-gradient(center, ellipse cover,  rgba(235,230,218,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(235,230,218,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center,  rgba(235,230,218,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ebe6da', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
form p label{

  font-family: 'open_sanslight';
  font-size: 2em;
  line-height: 2em;
  font-weight: 300;
  text-align: center;
  color: #333;
  padding: 8px 10px 8px 10px;


}

input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea{
  font-family: 'open_sanslight';
  font-size: 1em;
  line-height: 1em;
  font-weight: 300;
  text-align: left;
  color: #333;
  background-color: rgba(136,75,159, .4)!important;


}

div .textwidget p{
  font-family: 'open_sanslight';
  font-size: 1em;
  line-height: 1.5em;
  font-weight: 400;
  color: #fcfcfc;

}

.carousel-inner .q_slide_subtitle, .carousel-inner h4{


}

.carousel-inner p.q_slide_text{


}

nav.main_menu>ul>li>a{


}

nav.main_menu>ul>li.active>a{


}


.sticky nav.main_menu.drop_down.right{


}
nav.main_menu.drop_down.right{


}


@media (max-width: 1200px){

  /*.carousel:not(.advanced_responsiveness) .carousel-inner h2 .kd_slide_title{

    font-size: 1.2em!important!important;

  }

  .carousel:not(.advanced_responsiveness) .carousel-inner h2 span {
    font-size: 1.2em!important;
    line-height: 1.4em!important;
  }*/

    .carousel:not(.advanced_responsiveness) .carousel-inner h2 span .kd_slide_title{

    font-family: 'open_sanslight';
    color: #000000;
    font-size: 1em!important;
    font-weight: 400;
    text-align: center;
    text-transform: none;

  }

  .carousel:not(.advanced_responsiveness) .carousel-inner h2 span .kd_title_center{

    font-family: 'robotolight';
    color: #884b9f;
    font-size: 1.2em!important;
    font-weight: 550;
    text-align: center;
    text-transform: uppercase;

  }

}

@media only screen and (max-width: 1000px){

  header{
    position: fixed!important;
  }


}

@media only screen and (max-width: 750px){

  .kd_section_title{

    font-family: 'robotolight';
    color: rgba(136,75,159, .4);
    padding: 20% 0px 20% 0px;
    margin-top: 12%;
    font-size: 5em;
    font-weight: 550;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(235,230,218,0.8);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebe6da+0,000000+100&0.7+0,0+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(235,230,218,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(235,230,218,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(235,230,218,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ebe6da', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


  }


}

@media only screen and (max-width: 600px){

  .kd_section_title{

    font-family: 'robotolight';
    color: rgba(136,75,159, .4);
    padding: 20% 0px 20% 0px;
    margin-top: 12%;
    font-size: 3em;
    font-weight: 550;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 2px rgba(235,230,218,0.8);
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebe6da+0,000000+100&0.7+0,0+100 */
    background: -moz-radial-gradient(center, ellipse cover,  rgba(235,230,218,0.6) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(235,230,218,0.6) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: radial-gradient(ellipse at center,  rgba(235,230,218,0.6) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ebe6da', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


  }


}