/*
 Theme Name:   Soonercon Camyno
 Theme URI:    http://soonercon.com
 Description:  Soonercon Camyno Theme
 Author:       Caleb Haldane
 Author URI:   http://example.com
 Template:     soonerconCamyno
 Version:      1.1.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  soonercon-camyno
*/

.grid-cta > .item1 { 
    -ms-grid-row: 1; 
    -ms-grid-column: 3; 
    grid-area: date; 
}
.grid-cta > .item2 { 
    -ms-grid-row: 2; 
    -ms-grid-column: 3; 
    grid-area: location;
}
.grid-cta > .item3 { 
    -ms-grid-row: 2; 
    -ms-grid-row-span: 3; 
    -ms-grid-column: 1; 
    -ms-grid-column-span: 2; 
    grid-area: main;
}
.grid-cta > .item4 { 
    -ms-grid-row: 4; 
    -ms-grid-column: 3; 
    grid-area: cta;
}
.grid-cta > .item5 { 
    -ms-grid-row: 4; 
    -ms-grid-column: 1; 
    -ms-grid-column-span: 2; 
    grid-area: footer;
}
.item-hero { 
    -ms-grid-row: 1; 
    -ms-grid-row-span: 4; 
    -ms-grid-column: 1; 
    -ms-grid-column-span: 3; 
    grid-area: 1 / 1 / span 4 / span 3; 
}
.grid-cta.cta-left > .item1 { -ms-grid-row: 1; -ms-grid-column: 1; }
.grid-cta.cta-left > .item2 { -ms-grid-row: 3; -ms-grid-column: 1; }
.grid-cta.cta-left > .item3 { -ms-grid-row: 3; -ms-grid-row-span: 3; -ms-grid-column: 3; -ms-grid-column-span: 3; }
.grid-cta.cta-left > .item4 { -ms-grid-row: 7; -ms-grid-column: 1; }
.grid-cta.cta-left > .item5 { -ms-grid-row: 7; -ms-grid-column: 3; -ms-grid-column-span: 3; }

.grid-cta {
  display: -ms-grid;
  display: grid;
  grid-gap: .3em;
  padding: .3em;
  -ms-grid-columns: (1fr)[3];
      grid-template-columns: repeat(3, 1fr);
}
.grid-cta.cta-right {
        grid-template-areas:
    'header header date'
    'main main location'
	'main main blurb'
    'footer footer cta';
}
.grid-cta.cta-left {
        grid-template-areas:
    'date header header'
    'location main main'
	'blurb main main'
    'cta footer footer';
}

.grid-cta > div {
  text-align: left;
  font-size: 1.8em;
}
.grid-cta div h1 {
	font-weight: 600;
    font-size: 2.65vw;
    color: white;
    padding: 0 1em;
}
.grid-cta div h2 {
	font-weight: 300;
	font-size: 2.4vw;
    opacity: 0.7;
    color: white;
    padding: 0 1em;
}
.grid-cta div em {
    font-weight: 300;
    font-size: 1.6vw;
    opacity: 0.85;
    color: white;
    padding: 0 1em;
    display: block;
}
.grid-cta div .button {
    font-weight: 300;
    font-size: 1.5vw;
    color: white;
    text-align: center;
    background: rgba(144, 32, 0, 0.90);
    width: 96.5%;
}
.grid-cta div .button:hover {
    background: rgba(191, 2, 2, 0.47);
}
.grid-cta div picture {
    display: block;
    line-height: 0;
}

.cv-user-font div p img {
    height: auto;
    max-width: 76px;
}

@media only screen and (min-width: 901px) {
    .grid-cta div .button {
        color: whitesmoke;
    }
}

@media only screen and (min-width: 1400px) {
    .grid-cta div h1 {
        font-size: 1.49em;
    }
    .grid-cta div h2 {
        font-size: 1.3em;
    }
    .grid-cta div .button,
    .grid-cta div em {
        font-size: 0.83em;
    }
}

@media only screen and (max-width: 901px) {
    .grid-cta.cta-right, .grid-cta.cta-left {
            grid-template-areas:
        'header header header'
        'main main main'
        'main main main'
        'footer footer footer'
        'date date date'
        'location location location'
        'cta cta cta';
    }    
    .grid-cta div h1, 
    .grid-cta div h2,
    .grid-cta div em {
        color: black;
        padding: 0;
    } 
    .grid-cta div h1 {
        font-size: 10vw;
    }
    .grid-cta div h2 {
        font-size: 3.3vw;
    } 
    .grid-cta div em {
        font-size: 2.6vw;
    }

    .grid-cta div .button {
        color: white;
        font-size: 1em;
        padding: 0;
        background-color: steelblue;
    }    
    .grid-cta div .button:hover {
        background-color: cornflowerblue;
    }
    .grid-cta > .item1 { -ms-grid-row: 5; -ms-grid-column: 1; -ms-grid-column-span: 3;
    }
    .grid-cta > .item2 { -ms-grid-row: 6; -ms-grid-column: 1; -ms-grid-column-span: 3;
    }
    .grid-cta > .item3 { -ms-grid-row: 8; -ms-grid-column: 1; -ms-grid-column-span: 3;
    }
    .grid-cta > .item4 { -ms-grid-row: 7; -ms-grid-column: 1; -ms-grid-column-span: 3;
    }
    .grid-cta > .item5 { -ms-grid-row: 9; -ms-grid-column: 1; -ms-grid-column-span: 3;
    }
}

@media all and (min-width: 902px) and (-ms-high-contrast: none), all and (min-width: 902px) and (-ms-high-contrast: active) {
/*media all*/
    .grid-cta > .item2 {
        -ms-grid-row-span: 2;
        background-color: rgba(0,0,0,0.7);
    }

    .grid-cta > .item1,
    .grid-cta > .item4 {
        background-color: rgba(0,0,0,0.7);
    }
}

#footer div.sidebar .widget{margin-bottom:0 !important}


div.bx-wrapper div.bx-controls-direction a {
	transition: none;
	-webkit-transition: none;
}

.cv-testimonial-group {
    display: flex;
    flex-wrap: wrap;
}

.disabled, .disabled p, .disabled h3, .disabled h2, .disabled h4, .disabled ul {
    color: rgba(0,0,0,0.15) !important;
}

.card {
    /* Add shadows to create the "card" effect */
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    margin: 1em;
    margin-bottom: 1.5rem;
  }
  
  /* On mouse-over, add a deeper shadow */
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  
  /* Add some padding inside the card container */
  .container {
    padding: .25rem 1.2rem;
  }

  .card-info {
    padding-left: 1.5em;
    text-indent:-1.5em;
  }

  .card-location {
    padding-top: 10px;
    margin-bottom: -7px;
  }

  .danger {
      background: #fcf4f0 !important;
      color: #ac2b1f !important;
  }
  
  .hidden {
	  display: none;
  }
  
  .wrap-all {
	  overflow: inherit !important;
  }