/*/*
 Theme Name:   TrendyBlog Premium Child Theme
 Theme URI:    http://trendyblog.different-themes.com/
 Description:  TrendyBlog Premium Wordpress Child Theme
 Author:       Different Themes
 Author URI:   http://www.different-themes.com/
 Template:     trendyblog-theme
 Version:      1.0.3
 Tags:
 Text Domain:  trendyblog-theme-child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/*******************************************************************************
 *  BODY
 ******************************************************************************/
body { font-size: 16px !important; }

article.post .entry_tags {
    float: left !important;
}

/*******************************************************************************
 *  GLOBAL STYLES
 ******************************************************************************/

 .ds-btn {
  width: 200px;
  padding: 5px 5px;
  background: #F85050;
  color: white !important;
  text-decoration: none !important; 
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
  /*font-weight: bold;*/
 }

.ds-btn:hover {
  color: white !important;
}

 .ds-btn.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
 }

/*******************************************************************************
 *  HEADER
 ******************************************************************************/


#header_main-parent, #header_main, #header_main.fixed {
   background: #222;
   z-index: 9999;
}

#header_main .menu-item a {
    color: #fff;
    transition: all 0.27s ease-in;
    box-sizing: border-box;
    border-bottom: 3px solid transparent !important;
}

#header_main .sub-menu .menu-item a {
  color: #F85050;
}

#header_main .menu-item a:hover {
    border-bottom: 3px solid #FFFFFF !important;
}

#header_main .menu-item a:after {
  color: white;
}

#header_main .normal-drop {
  background: none;
}

#header_main .sub-menu .normal-drop {
    background: #FFF !important;
}

#header_main .sub-menu .normal-drop a {
    color: #F85050;
}

#header_main .sub-menu .normal-drop a:hover {
  border-bottom: 3px solid #F85050 !important;
}

/*#header_main .site_navigation:after {
  content: "";
  display: table;
  clear: both;
}
*/

@media screen and (max-width: 992px) {
  #header_main .site_navigation .menu {
    width: 100%;
  }
}

#header_main .site_navigation, #header_main .social-media-nav {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 992px) {
  #header_main .site_navigation {
    display: flex;
    flex-direction: column;
  }
}

#header_main .social-media-nav.active {
    display: block
  }

@media screen and (max-width: 992px) {
  #header_main .social-media-nav {
    display: none;
  }
}

#header_main .social-media-nav li {
  display: inline;
  padding-left: 5px;
}
#header_main .social-media-nav li a {
  padding: 10px 5px;
}

@media screen and (max-width: 992px) {
  #header_main .social-media-nav li a {
    display: none;
  }
}

#header_main .social-media-nav li a svg {
  height: 20px;
  width: auto;
  color: white;
}

/*.site_navigation_toggle.active > .social-media-nav, .site_navigation_toggle.active > .social-media-nav li a {
  display: block !important;
}*/

 .header_meta {
    display: none;
 }

 .site_brand {
    margin-top: 10px;
 }

 .site_brand svg {
    max-height: 67px;
}

.ad_ldb {
  overflow:   hidden;
  max-width:  970px;
  max-height: 250px;
  min-width:  728px;
  min-height: 90px;
  margin:     10px auto;
  text-align: center;
}

.ad_ldb_mob {
  text-align: center;
}
  .ad_ldb_mob_inner {
    margin:     5px auto;
    width:      320px;
  }
.panel_title div {
  background-color: #2e2e2e;
}

/*******************************************************************************
 *  SINGLE
 ******************************************************************************/
#post-share {
  width:      225px;
  float:      right;
  text-align: right;
}
/*******************************************************************************
 *  SIDEBAR
 ******************************************************************************/
.mpu {
  width:          300px;
  overflow:       hidden;
  margin-bottom:  15px;
}

.sky {
  width:          160px;
  height:         600px;
  text-align:     center;
  margin:         15px auto;
  clear:          both;
}

.normal-drop {
    background: #222;
}

.sub-menu {
    z-index: 999999!important;
    border: 0!important;
}
.sub-menu a:hover {
    color: #be202f!important;
}

#footer a {
  color: #fefefe;
}

#footer .widget ul li {
  border-bottom: 1px solid #333;
}

#footer .widget_title {
  background: #333 !important;
}

#footer .social-media-nav, #copyright .social-media-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}

#footer .social-media-nav li, #copyright .social-media-nav li {
  display: inline;
  /*margin: 0 10px;*/
}

#footer .social-media-nav li a, #copyright .social-media-nav li a {
  color: white;
  padding: 5px 10px;
}

#footer .social-media-nav li a svg, #copyright .social-media-nav li a svg {
  height: 20px;
  width: auto;
}

#header {
    padding-bottom: 1px;
}
#sticky_share {
    display: none;
    overflow: hidden;
    height: 50px;
    position:fixed;
    background: #fff;
    top: 64px;
    z-index: 99;
    border-bottom: 1px solid #eee;
    opacity: 0.95;
}

.admin-bar #sticky_share {
    top:96px;
}
.shortcode-content {
    position: relative;
}
#wrap-share {
    position: absolute;
    top: -6px;
    right: 5px;
}
/* Hide Share this text on hover when using sticky share bar due to z-index inheritance issue */
#sticky_share a[data-sharetip]:after, #sticky_share a[data-sharetip]:before {
display:none !important;

}
#wrap-share .share-text {
    display: none;
}

#wrap-share .count-number, #wrap-share p {
    background: #fff;
}

/*******************************************************************************
 *  PAGE BANNER
 ******************************************************************************/

.page-banner {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
}

.page-banner .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.5);
  z-index: 2;
}

.page-banner img {
  width: 100%;
  height: auto;
}

.page-banner .caption {
  width: 560px;
  font-size: 40px;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9;
}

/*******************************************************************************
 *  HOME PAGE
 ******************************************************************************/

#main-hero {
  width: 100%;
  height: 400px;
}

/*******************************************************************************
 *  ABOUT US PAGE
 ******************************************************************************/

#about-attributes .panel-grid, 
#about-attributes .panel-no-style,
#about-worked-with .panel-grid, 
#about-worked-with .panel-no-style {
  margin-bottom: 50px;
}

@media screen and (max-width: 992px) {
  #about-attributes .panel-grid, 
  /*#about-attributes .panel-no-style,*/
  #about-worked-with .panel-grid, 
  /*#about-worked-with .panel-no-style,*/
  #about-worked-with .panel-grid-cell,
  #about-attributes .panel-grid-cell {
    margin-bottom: 20px !important;
  }
  #about-attributes .panel-no-style,
  #about-worked-with .panel-no-style {
    margin-bottom: 0px !important;
  }
}

.about-content p {
  color: #222;
}

#about-intro {
  padding-top: 60px;
}

#about-intro h2 {
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

#about-intro h2:after {
  content: "";
  height: 2px;
  width: 110px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #F85050;
}

#about-attributes {}

#about-attributes .attribute-block {}

#about-attributes .attribute-block img {
  width: auto;
  height: 50px !important;
  margin-bottom: 15px;
}

#about-attributes .attribute-block h3 {
  font-size: 16px;
  font-weight: bold;
}

#about-attributes .attribute-block p {
  font-size: 12px;
}

#about-attributes .attribute-block h3, #about-attributes .attribute-block p {
  margin: 0;
}

#about-worked-with {
  padding-top: 50px;
  color: white;
  background: rgb(248,80,80) !important;
  background: linear-gradient(90deg, #F85050 0%, #FC7A44 64%) !important;
  background: -moz-linear-gradient(left, #f85050 0%, #fc7a44 100%) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F85050), color-stop(100%,#FC7A44)) !important;
  background: -webkit-linear-gradient(left, #F85050 0% ,#FC7A44 100%) !important;
  background: -o-linear-gradient(left, #F85050 0%,#FC7A44 100%) !important;
  background: -ms-linear-gradient(left, #F85050 0%,#FC7A44 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F85050', endColorstr='#FC7A44',GradientType=0 ) !important;
  background: linear-gradient(left, #F85050 0%,#FC7A44 100%) !important;
}

#about-worked-with .ww-block img {
  width: 50px;
  height: auto;
  float: left;
}

#about-worked-with h3 {
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin-bottom: -30px;
}

@media screen and (max-width: 992px) {
  #about-worked-with h3 {
    margin-bottom: 0px;
  }
}

#about-worked-with .ww-block p {
  margin: 0;
}

#about-worked-with .ww-block .inner {}

@media screen and (max-width: 992px) {
  #about-worked-with .ww-block .inner {
    display: flex;
    justify-content: center;
  }
}

#about-worked-with .ww-block .inner:after {
  content: " ";
  display: table;
  clear: both;
}

#about-worked-with .ww-block .inner img, #about-worked-with .ww-block .inner .content {
  float: left;
}

#about-worked-with .ww-block .inner img {
  width: 65px;
  height: auto;
  margin-right: 20px;
  margin-left: 45px;
}

#about-worked-with .ww-block .inner .content {
  margin-top: 3px;
}

@media screen and (max-width: 992px) {
  #about-worked-with .ww-block .inner .content {
    width: 200px;
  }
}

#about-worked-with .ww-block .inner .content p {
  margin: 0;
  font-size: 12px;
  margin-bottom: -8px;
}

#about-worked-with .ww-block .inner .content .name {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 1px;
}

#about-worked-with .ww-block .inner .content p, #about-worked-with h2 {
  color: white;
}

#about-contact {}

#about-contact p {
  font-weight: bold;
}

#about-contact p a {
  color: #F85050;
  text-decoration: underline;
}

#about-intro p, #about-contact p {
  width: 680px;
  margin: 0 auto;
  line-height: 35px;
  font-size: 140%;
}

@media screen and (max-width: 992px) {
  #about-intro p, #about-contact p {
    width: 90%;
  }
}


/*******************************************************************************
 *  CONTACT PAGE
 ******************************************************************************/

.full-width-wrapper {
  width: 100%;
  margin: -30px 0;
  padding: 30px 0;
  box-sizing: border-box;
  color: #000000;
}

.dark-grey-bg {
  background: #333333;
}

.full-width-wrapper .contact-page {
  width: 85%;
  margin: 0 auto;
}

@media screen and (max-width: 992px) {
  .full-width-wrapper .contact-page {
    width: 100%;
    margin: 0;
  }
}

.full-width-wrapper .contact-page::-webkit-input-placeholder,
.full-width-wrapper .contact-page::-moz-placeholder,
.full-width-wrapper .contact-page:-ms-input-placeholder,
.full-width-wrapper .contact-page:-moz-placeholder {
  color: #8C8C8C;
}

.full-width-wrapper .contact-page p,
.full-width-wrapper .contact-page a, 
.full-width-wrapper .contact-page h2, 
.full-width-wrapper .contact-page h3, 
.full-width-wrapper .contact-page strong { 
  color: #000000;
}

.full-width-wrapper .contact-page hr {
  width: 90%;
  margin: 50px auto;
  text-align: center;
  background: #E1E1E1;
  color: white;
  border-color: #E1E1E1;
}

.full-width-wrapper .contact-page input, .full-width-wrapper .contact-page textarea {
  border: 1px solid #E6E6E6;
}

.full-width-wrapper .contact-page input[type="submit"] {
  width: 200px;
  display: block;
  margin: 0 auto;
  padding: 10px 0;
  text-transform: uppercase;
}

/*******************************************************************************
 *  WIDE SLIDER - HOMEPAGE
 ******************************************************************************/

#wide_slider_pager .box .top-border {
  width: 100%;
  height: 5px;
  background: white;
}

.c-home-slider img { width: 100%; }

  .wide_slider {
    margin-bottom: 0px !important;
    overflow:hidden;
  }

.c-home-slider {
  max-height: 600px; 
  overflow: hidden;
  display: block;
}
 
@media screen and (max-width: 993px) and (min-width:769px) {
  .c-home-slider {
     max-height: 350px;
  }
}
@media screen and (max-width: 768px) {
  .c-home-slider {  
    max-height: 250px;
  }

  .wide_slider .slider_caption .thumb_link h3 {
        font-size: 20px;
       line-height: 22px;
       margin: 0;
  }
  
  .wide_slider .slider_caption .thumb_link p {
    display: none;
  }
.wide_slider .slider_caption {
   display:block; 
}
     
}


@media screen and (max-width: 480px) { 
.wide_slider .slider_caption .thumb_meta {
  display:none;
  margin-left: 20px;
}

.wide_slider .slider_caption .thumb_link h3 {
        font-size: 16px;
       line-height: 18px;
      margin-left:10px;
  }

.wide_slider .slider_caption {
    left: 0 !important;
    top: 51px !important;
  }
  
}

/*******************************************************************************
 *  GRADIENT 
 ******************************************************************************/

#wide_slider_pager .box.active .top-border, #header_main, .panel_title div, .widget .widget_title {
  background: rgb(248,80,80) !important;
  background: linear-gradient(90deg, #F85050 0%, #FC7A44 64%) !important;
  background: -moz-linear-gradient(left, #f85050 0%, #fc7a44 100%) !important;
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#F85050), color-stop(100%,#FC7A44)) !important;
  background: -webkit-linear-gradient(left, #F85050 0% ,#FC7A44 100%) !important;
  background: -o-linear-gradient(left, #F85050 0%,#FC7A44 100%) !important;
  background: -ms-linear-gradient(left, #F85050 0%,#FC7A44 100%) !important;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F85050', endColorstr='#FC7A44',GradientType=0 ) !important;
  background: linear-gradient(left, #F85050 0%,#FC7A44 100%) !important;
}

#wide_slider_pager .box {
  border-top: none !important;
  border-top-width: 0 !important;
}

/*#header_main .menu-item a:hover {
    border-bottom-width: 3px;
    border-style: solid;
    border-color: #F85050;
    -webkit-border-image: 
      -webkit-gradient(linear, 100% 0, 0 0, from(#F85050), to(#FC7A44) 1 100%;
    -webkit-border-image: 
      -webkit-linear-gradient(right, #F85050, #FC7A44) 1 100%;
    -moz-border-image:
      -moz-linear-gradient(right, #F85050, #FC7A44) 1 100%;  
    -o-border-image:
      -o-linear-gradient(right, #F85050, #FC7A44) 1 100%;
    border-image:
      linear-gradient(to right, #F85050, #FC7A44) 1 100%;
}*/

/*******************************************************************************
 *  RESPONSIVE SHARE OPTIONS LOOK AND FEEL
 ******************************************************************************/
  @media (max-width: 1200px) {
    #wrap-share {
      position: relative;
      top: 0;
      right: 0;
    }

    #wrap-share .share-text {
      display: inline-block;
    }
  }
  @media screen and (min-width: 993px) and (max-width: 1200px) {
    #sticky_share {
        top: 54px;
    }
    .admin-bar #sticky_share {
        top: 86px;
    }
  }

  @media screen and (max-width: 992px) {
    #sticky_share {
        top: 0;
        left: 2px;
        right: 2px;
        padding: 0;
    }
    #sticky_share .container {
        padding: 0;
    }
    #sticky_share .share-text {
        display: none;
    }
    
    .admin-bar #sticky_share {
      top: 32px;
    }
	.hide-on-mobile {
	display: none;
	}
  }

  @media screen and (max-width: 600px) {
    .admin-bar #sticky_share {
      top: 0px;
    }
  }
/*******************************************************************************
 *  Jobs 
 ******************************************************************************/
  .job-manager-application-wrapper .application .application_button, .single_job_listing .application .application_button{
    background: #F85050;
    font-weight: bold;
    color: white;
  }

  .post-share {
    padding:    7px 0 12px 0 !important;    
  }

  .addthis_sharing_toolbox {
    float:        right;
    margin-right: 5px;
  }

.thumb_meta span.comments {
    display: none!important;
}

/*******************************************************************************
 *  Matchchat and ticker conflict fix
 ******************************************************************************/
#mc_scoreboard {
      margin-bottom: 35px !important;
}

/* RECRUITMENT */ 
  .recruitment-menu {
    background: #F85050 !important;
  }


nav.site_navigation ul.menu > li.menu-item-has-children.recruitment-menu >:after {
  color: white !important;
}

.recruitment-form-image {
    width: 50%;
    float: left;
    text-align: center;
}
.recruitment-image-wrap {
    display: inline-block;
    background: rgba(158, 158, 158, 0.3);
    transition: 0.25s;
    text-align:left;
    max-width: 300px;
    }
 .recruitment-image-wrap:nth-last-child(1) {
      border-left: 1px solid white;
    } 
    .recruitment-image-wrap:hover {
    background: rgba(248, 80, 80, 0.34);
    box-shadow: 0 0 14px 0px #9E9E9E;
    cursor: pointer;
}
 @media screen and (max-width: 480px) {
    .recruitment-form-image {
      /*width: 100%;
    float:none; */


    }
   
    .recruitment-image-wrap h2 {
      padding-left: 5px !important;
      font-size: 20px !important;
    }
    .recruitment-image-wrap p {
      padding-left: 0 !important;
    }
  }
  


  body.post-type-archive-tribe_events article .entry_media{
    display:none;
  }


*/

/*******************************************************************************
 *  Newsletter subsribe pop up
 ******************************************************************************/
#sgpb-popup-dialog-main-div { max-height: 500px !important;  } 
.sgpb-content, .sgpb-content-14593, .sgpb-theme-6-content { height: 500px !important; }
.sg-popup-builder-content { height: 500px !important; }

.newsletter-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.7); z-index: 999; cursor: pointer; display: none;  }
#newsletter-popup { width: 500px; height: 620px; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; border: 1px solid white; background: white; z-index: 9999; display: none;}

#newsletter-pop-up-hero { width: 100%; height: 210px; margin-bottom: 20px; border-radius: 10px 10px 0px 0px; overflow: hidden; }
#newsletter-popup-content { width: 100%; box-sizing: border-box; padding: 10px 40px; text-align: center; font-size: 14px; color: black !important; }
#newsletter-popup-content p { color: black !important; }

#newsletter-popup-form h1, #newsletter-popup-content h1 { font-size: 18px !important; font-weight: bold; color: black; }

#newsletter-popup-form h1 { margin-bottom: 15px; }
#newsletter-popup-form { width: 100%; box-sizing: border-box; padding: 10 30px; text-align: center; color: black; }
#newsletter-popup-form input[type="email"] { width: 100%;  margin-bottom: 25px; background: none; border: 1px solid #ddd; }
#newsletter-popup-form input[type="submit"] { width: 120px; margin: 0 auto; background: #F7504C; }
#newsletter-popup-form input[type="email"], #newsletter-popup-form input[type="submit"] { border-radius: 5px; }
#newsletter-popup-form { padding: 10px 20px; }
#newsletter-popup-form .tnp-subscription { text-align: center; }

#newsletter-popup .close-btn { width: 30px; height: 30px; position: absolute; top: -15px; right: -15px; text-align: center; line-height: 38px; cursor: pointer; border-radius: 50%; background: #F8F8F8; }
#newsletter-popup .close-btn svg { width: auto; height: 20px; color: #707070; }

@media screen and (max-width: 680px) {
  #newsletter-popup .close-btn { display: none;  }
  #newsletter-popup { width: 80%; max-height: 400px; overflow-y: auto; }
  #newsletter-pop-up-hero { height: 150px; }
  #newsletter-popup-content { padding: 10px 20px; }
}


/*******************************************************************************
 *  The Events Calendar Modifications
 ******************************************************************************/

.tribe-events-cal-links, .tribe-events-event-meta { display: none !important;  }