/*
Theme Name: CFI Branch Theme
Author: Marc Kreidler and Alex Nicaise
Author URI: http://centerforinquiry.net
Template: bootstrap-basic4
Text Domain: cfi-branches
Domain Path: /languages/
*/

/* Global */

#comments {
  display: none;
}

.entry-content a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  word-break: break-word;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.news-template-default footer.entry-meta{
  display: none;
}

.lite-grey-button{
  border: 3px solid transparent;
  border-radius: 5px;
  background-color: #999;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 30px;
  text-align: center;
  -webkit-box-shadow: 0px 3px 5px rgba(0,0,0,.25);
          box-shadow: 0px 3px 5px rgba(0,0,0,.25);
}

.lite-grey-button:hover {
  background-color: #666;
}

.lite-grey-button:active{
  -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.25);
          box-shadow: 0px 1px 3px rgba(0,0,0,.25);
}

/* End Global */

/* Start Events Page */

a.tribe-events-read-more{
   color: #084d93 !important;
}

.home h2.featured-title {
  display: none;
}

div#tribe-events-content.tribe-events-list{
  margin-bottom: 0 !important;
}

.tribe-events-list, .tribe-events-loop, .tribe-event-featured{
  background-color: white !important;
}

.tribe-events-list-event-description p, .tribe-events-content p, .description p, .entry-summary p{
  color: #333 !important;
}
.tribe-events-list-event-description a, .tribe-events-content a, .description a, .entry-summary a{
  color: #0275d8 !important;
}

.tribe-event-schedule-details{
  color: #666 !important;
}

.tribe-events-venue-details, .tribe-events-venue-details a {
  color: #333 !important;
}

.tribe-events-list .tribe-events-venue-details, .tribe-events-loop .tribe-events-event-meta, .tribe-events-list .time-details, .tribe-events-list .tribe-event-schedule-details {
  border: none !important;
  padding: 0 !important;
}

#tribe-events-pg-template, .tribe-events-pg-template {
  max-width: none;
}

.single-tribe_events .featured-image {
   width: 100vw !important;
   position: relative !important;
   left: 50%;
   margin-left: -50vw;
   height: calc(100vw * .25);
}

.event-date {
  height: 90px;
  width: 110px;
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  text-align: center;
  line-height: 1.25em;
  padding-top: 5px;
}

.event-block {
  height: 90px;
  width: 110px;
  float: left;
  margin: 0 10px 10px 0;
  font-size: 2em;
  text-transform: uppercase;
  font-weight: 700;
  color: white;
  text-align: center;
  line-height: 1.25em;
  padding-top: 5px;
}

.tribe-events-event-meta {
  float: left;
  display: inline;
  font-weight: 200 !important;
}

.archive .tribe-events-list-event-title {
  width: calc(100% - 120px);
}

.tribe-events-list-event-title a{
  color: #084D93 !important;
  text-transform: capitalize;
  margin-top: 0 !important;
}

.tribe-events-list-event-title a:hover{
  text-decoration: underline !important;
}

h2.tribe-events-list-event-title{
  margin-top: 0 !important;
  font-size: 1.25em !important;
}

div.tribe-events-list .tribe-events-loop .tribe-event-featured{
  padding: 0 !important;
}

.tribe-events-list-separator-month {
  display: none !important;
}


.tribe-events-list .tribe-events-event-image img {
  display: none;
}

.featured-events-image {
  height: calc(.50*100vw);
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover !important;
          background-size: cover !important;
}

@media screen and (min-width:992px){
  .featured-events-image {
    height: calc(.25*100vw);
  }
}

h2.featured-title{
  color: #333;
  text-transform: uppercase;
  font-weight: bold;
}

.home .tribe-events-ical {
  display: none !important;
}

.event-icon img {
  float: left;
}

a[href^="https://www.facebook.com/"].event-link button.facebook-link, a[href^="https://www.meetup.com/"].event-link button.meetup-link, a[href^="https://secure.centerforinquiry.net/"].event-link button.tickets-link {
  display: block;
}

a.event-link img.other-link {
  display: block;
}

#tribe-events-pg-template, .tribe-events-pg-template {
  padding: 0px;
}

.wpea_organizer {
  display: none;
}

nav.prev-next-posts {
  display: none;
}

.single-event-title{
  color: #084d93;
  text-transform: capitalize;
}

.card a:hover{
  text-decoration: none !important;
}

.single-event-text{
  color: #333;
}

.event-icon{
  display: inline-block;
}

div.speakers-row{
  padding: 50px;
  background-color: #FBFBFB;
  width: 100%;
}

.speaker-event-image {
  width: 250px !important;
  height: 250px !important;
  margin: auto;
  border-radius: 100%;
}

/*div.speaker-event-image{
  margin: auto;
  border-radius: 100%;
  width: 50%;
  height: calc(20.8vw - 53px);
}

@media (max-width: 1455px){
  div.speaker-event-image{
    width: 250px;
    height: 250px;
    max-width: 100%;
  }
}

@media (max-width: 410px){
  div.speakers-row{
    padding: 30px;
  }
}

@media (max-width: 370px){
  div.speaker-event-image{
    height: calc(100vw - 120px);
  }
}*/


#featured-event-container{
  text-align: center;
}

#tribe-events-content table.tribe-events-calendar .type-tribe_events.tribe-event-featured .tribe-events-month-event-title a {
    color: #007bff;
}

.tribe-events-venue-details a {
  pointer-events: none;
 cursor: default;
}

@media (max-width: 767px){
  .home .tribe-events-sub-nav li a{
    display: none;
  }

  .home .tribe-events-sub-nav{
    display: none;
  }
}

.tribe-events-single .circle-img-div {
  margin: auto;
}


/* End Events Page */

/* Start Events Calendar Accessibility Improvements */

.archive .featured-event-row {
  margin-bottom: 75px;
}

.tribe-events-month-event-title a {
  font-weight: bold;
  color: #333;
}

.tribe-events-month-event-title{
  font-size: 1.125em !important;
}

.tribe-events-tooltip .tribe-events-event-body {
  color: #333;
  font-size: 1.125em;
}  

.tribe-events-tooltip .tribe-event-duration {
  font-weight: bold;
}

/* End Events Calendar */

/* Start Speakers */

.speaker-block {
  margin-bottom: 80px;
}

div.speaker-info{
    text-align: left !important;
  }

div.speaker-archive-image{
  float: left;
  height: 200px;
  width: 200px;
  border-radius: 100%;
  margin-right: 30px;
  margin-bottom: 15px;
}

hr.speaker-hr{
  margin-bottom: 80px;
}

div.speaker-events{
  margin-top: 30px;
}

@media (max-width: 776px){
  div.speaker-archive-image{
    display: block;
    margin: auto;
    float: none;
    margin-bottom: 30px;
  }
  div.speaker-info{
    text-align: center !important;
  }
  .speaker-block {
    margin-bottom: 40px;
  }
  hr.speaker-hr{
    margin-bottom: 40px;
  }
  div.speaker-events{
    text-align: center;
  }
}

/* End Speakers */

/* Search Results */

.search article.news, .search article.page, .search article.blogs  {
  display: block;
}

.comments-link {
  display:none;
}

.search article.tribe_venue, .search article.google_maps {
  display: none;
}

/* End Search Results */

/* Portland Bios Page */

@media screen and (max-width: 1199px){
  .portland-bios-centered{
    text-align: center;
  }
}

/* End Portland Bios Page */

/* Staff Page */

.staff-container .card {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}

/* End Staff Page */

/* Start Event Button Group */

section.event-button-group {
  position: relative;
}

button.facebook-share {
  background-color: #3b5998;
  color: white;
  border: 3px solid transparent;
  border-radius: 0px;
  padding: 10px 50px;
  margin: 0;
}

.facebook-share img{
  max-width: 25px;
  min-width: 25px;
}

button.meetup-share {
  background-color: #ea2245;
  color: white;
  border: 3px solid transparent;
  border-radius: 0px;
  padding: 10px 50px;
  margin: 0;
}

.meetup-share img{
  max-width: 25px;
  min-width: 25px;
}

button.ticket-share {
  background-color: #0981B2;
  color: white;
  border: 3px solid transparent;
  border-radius: 0px;
  width: auto;
  height: auto;
  padding: 10px 50px;
  margin: 0;
}

.ticket-share img{
  max-width: 25px;
  min-width: 25px;
}

button.link-share {
  background-color: #EF5848;
  color: white;
  border: 3px solid transparent;
  border-radius: 0px;
  width: auto;
  height: auto;
  padding: 10px 50px;
  margin: 0;
}

.link-share img{
  max-width: 25px;
  min-width: 25px;
}

section.event-button-group button{
  -webkit-transition: padding 0.3s;
  -o-transition: padding 0.3s;
  transition: padding 0.3s;
}

@media screen and (max-width: 1191px){
    section.event-button-group button {
      padding: 10px 35px;
  }
}

@media screen and (max-width: 967px){
    section.event-button-group button {
      padding: 10px 20px;
  }
}

@media screen and (max-width: 585px){
  section.event-button-group button {
    padding: 10px 10px;
    border-radius: 100%;
    margin-right: 10px !important;
  }
}

@media screen and (min-width: 586px){
  section.event-button-group button:hover {
    padding: 10px 100px;
    z-index: 1000
  }
}

/* End Event Button Group */

/*Featured Image / Action Buttons */

.featured-image {
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
  height: auto !important;
}

.featured-row{
    width: 100%;
    min-height: 600px;
    margin: 0px !important;
    overflow-y: hidden;
    overflow-x: hidden;
}

.mission-column{
  background-color: #333;
  color: white;
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
}

.mission-column hr{
    margin-left: 0;
    margin-top: 0;
    width: 130px;
    border-width: 4px;
    border-color: #FFF;
}

.action-row{
  padding: 50px 0px;
}

.action-row .col-12.col-lg-4{
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  padding: 0px 25px;
}

.action-row h3, .action-row p{
  color: white !important;
}

.action-icons{
  height: 100px;
  margin-bottom: 25px;
}

.action-buttons{
  margin: auto;
}

@media (max-width: 991px){
  .action-row .col-12.col-lg-4:nth-child(1), .action-row .col-12.col-lg-4:nth-child(2) {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px){
  .featured-row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .featured-image{
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            -webkit-order: 1;
            order: 1;
    max-height: 400px;
    min-height: 350px;
  }
  .mission-column{
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            -webkit-order: 2;
            order: 2;
    text-align: center;
  }
  .mission-column hr{
    margin: 0px auto 25px auto;
  }
}

@media screen and (max-width: 566px){
.featured-image{
height: 100vw !important;
  width: 200vw !important;
  min-height: auto;
}
}

/*End Featured Image / Action Buttons */

/* Readability */

@media screen and (max-width: 575px){
  .search #main {
    margin: 0px 15px;
  }
  .search-icon {
    width: 75px
  }
}

/* End Readability */

/* About Pages */

.branch-about-vid{
  text-align: center; 
  width: 100%; 
  margin-bottom: 25px;
  margin-top: 25px;
}

.branch-about-vid iframe {
        width: 100%;
        height: calc((100vw - 585px) * .56) !important;
        max-height: 725px;
        min-height: 200px;
    }

.branch-about-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          -webkit-align-items: center;
          align-items: center;
  max-width: calc(33% - 15px) !important;
  margin: 25px 7.5px;
  padding: 50px; 
  text-align: center;
}

.page-template-our-work-page .row {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.branch-about-icon{
  height: 125px;
  width: 125px;
  margin-bottom: 25px; 
}

.branch-about-row h4, .branch-about-row p, .branch-about-row a{
  color: white !important;
}

.branch-about-row a{
  text-decoration: underline;
}

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

.branch-about-row{
  max-width: 100% !important;
  margin: 12.5px auto; 
}
}

@media (max-width: 991px){
.branch-about-vid iframe{
  width: 100%;
  height: 300px;
}
}

@media (max-width:768px) {
  .branch-about-vid iframe {
    height: calc((100vw - 60px) * .56) !important;
}
}

/* End About Pages */

/* Get Involved Styles */

.perks-row{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.perks-col{
  width: 45%;
  -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
          box-shadow: 0px 5px 10px rgba(0,0,0,0.25);
  background-color: #fdfdfd;
  margin-bottom: 25px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 25px;
  border-radius: 5px;
  text-align: center;
}

.perks-col img{
  max-height: 150px;
  margin: 25px auto;
}

.perks-col h5{
  margin-bottom: 25px;
}

@media (min-width: 992px) and (max-width: 1250px){
  .perks-col{
    max-width: 100% !important;
    -webkit-box-flex: 0 !important;
        -ms-flex: 0 0 100% !important;
            -webkit-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
}
}

@media (max-width: 667px){
.perks-col{
    max-width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            flex: 0 0 100%;
}
}

/* End Get Involved Styles */

/* Start Slider Styles */

.home .featured-image {
  width: 100vw;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
          background-size: cover;
  overflow-y: hidden;
  overflow-x: hidden;
}

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

.home .featured-image{
height: 100vw !important;
  width: 200vw !important;
}
}

.slider-container{
  width: 100vw;
  height: calc(56vw - 350px);
  min-height: 450px;
  overflow-y: hidden;
  overflow-x: hidden
}

.slider-container img{
  height: 56vw !important;  
  width: 100vw !important;
  margin-top: -100px !important;
}

.flexslider{
  margin-bottom: 0px !important;
}

.flexslider .caption {
  color: white;
  padding: 0px !important;
  background: transparent;
  font-size: 2em;
  font-weight: bold;
  text-align: left !important;
  line-height: 125%;
}

.flex-control-nav{
  display: none;
}

.metaslider .flexslider .caption-wrap{
  background: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.6)), to(transparent)) !important;
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.6), transparent) !important;
  background: -o-linear-gradient(left, rgba(0,0,0,0.6), transparent) !important;
  background: linear-gradient(to right, rgba(0,0,0,0.6), transparent) !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: -webkit-flex !important;
  display: flex !important;
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          -webkit-flex-direction: column !important;
          flex-direction: column !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          -webkit-justify-content: center;
          justify-content: center;
  padding: 50px;
  opacity: 1.0 !important;
  width: 100%;
  height: calc(56vw - 350px) !important;
  min-height: 450px;
  position: relative;
  top: 0 !important;  
}

.metaslider .caption{
  max-width: 400px;
  font-size: 2.25em;
}

a.flex-next{
  left: 50px !important;
  top: calc(56vw - 400px) !important;
  width: 50px !important;
  height: 50px !important;
}

a.flex-prev{
  left: 0 !important;
  top: calc(56vw - 400px) !important;
  width: 50px !important;
  height: 50px !important;
}

@media screen and (max-width: 1426px){
a.flex-next{
  top: 400px !important;
}

a.flex-prev{
  top: 400px !important;
}
}

@media screen and (max-width: 981px){
.slider-container img{
  height: 650px !important;  
  width: 1155px !important;
  margin-left: -100px !important;
}
}

@media screen and (max-width: 477px){
.slider-container{
  min-height: 300px;
}
.slider-container img{
  margin-left: -250px !important;
}  
.metaslider .flexslider .caption-wrap{
  background: rgba(0,0,0,0.45) !important;
  padding: 50px 25px !important;
  min-height: 300px;
}
.metaslider .caption{
  max-width: 100% !important;
  font-size: 1.5em;
  text-align: center !important;
}
a.flex-next, a.flex-prev{
  display: none;
}
}

/* End Slider Styles */

/* Locations Page */

.page-template-locations-page .card .row{
  margin-left: 0px !important;
  margin-right: 0px !important;
}