/********************
CUSTOM PROPERTIES
********************/
:root {
    --clr-blue-400: #0066b5;
    --clr-blue-600: #0c0c36;
    --clr-yellow-400: #ffc72e;
    --clr-dark-800: #0d0d0d;
}

/********************
Start Video Background Styles
********************/
/*
Content Variables
Change to style text and buttons
*/
.yt__video-container {
    --yt__title-color: inherit;
    --yt__title-size: 48px;
    --yt__title-weight: 900;
    --yt__title-case: uppercase;
    
    --yt__subtitle-color: inherit;
    --yt__subtitle-size: 24px;
    --yt__subtitle-weight: 400;
    --yt__subtitle-case: capitalize;
    
    --yt__button-margin--top: 50px;
    --yt__button-color: white;
    --yt__button-color--hover: var(--clr-dark-800);
}

/*
Video styles
Do not change
*/
.yt__text-content {
    position: relative;
    z-index: 3;
}
.yt__title {
    color: var(--yt__title-color) !important;
    font-size: var(--yt__title-size) !important;
    font-weight: var(--yt__title-weight) !important;
    text-transform: var(--yt__title-case) !important;
}

.yt__subtitle {
    color: var(--yt__subtitle-color) !important;
    font-size:var(--yt__subtitle-size) !important;
    font-weight: var(--yt__subtitle-weight) !important;
    text-transform: var(--yt__subtitle-case) !important;
}

.yt__button {
    color: var(--yt__button-color) !important;
    margin-top: var(--yt__button-margin--top) !important;
}

.yt__button:hover {
    color: var(--yt__button-color--hover) !important;
}

:is(
    .yt__poster,
    .yt__overlay,
    .yt__video
) {
    position: absolute;
    inset: 0;
}

.yt__poster {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    z-index: 1;
    transition: all 750ms ease-in-out;
}

.yt__poster--hidden {
    opacity: 0;
}

.yt__overlay {
    z-index: 2;
}

.yt__video {
    overflow: hidden;
    z-index: 0;
}

.yt__iframe {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
/********************
End Video Background Styles
********************/

/* Equalize Simple List Blocks - Pin Buttons to Bottom*/

/* Change item class here */
.items_ccee1008119441c08718acdd1fcad668,
.items_fcbfc2fee31e442eae11f13448c2e879,
.items_ea8310208760490199c71d87c2f51377,
.items_df980e0785e3409b9144cda71c8b1fa2,
.items_ec6f56564f844b7694a13f0993a01d05,
.items_e80c2f93c1be4c509daa9b20677e1d71{ 
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	min-height: 100%;
}

/* Change item class here */
.items_ccee1008119441c08718acdd1fcad668 > .item,
.items_fcbfc2fee31e442eae11f13448c2e879 > .item,
.items_ea8310208760490199c71d87c2f51377 > .item,
.items_df980e0785e3409b9144cda71c8b1fa2 > .item,
.items_ec6f56564f844b7694a13f0993a01d05 > .item,
.items_e80c2f93c1be4c509daa9b20677e1d71 > .item{
	display: flex;
	flex-direction: column;
  position: relative;
}

/* Change item class here */
.items_ccee1008119441c08718acdd1fcad668 > .item a.button,
.items_fcbfc2fee31e442eae11f13448c2e879 > .item a.button,
.items_ea8310208760490199c71d87c2f51377 > .item a.button,
.items_df980e0785e3409b9144cda71c8b1fa2 > .item a.button,
.items_dec6f56564f844b7694a13f0993a01d05 > .item a.button,
.items_e80c2f93c1be4c509daa9b20677e1d71 > .item a.button{
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px; 
}

/* Change item class here */
.items_ccee1008119441c08718acdd1fcad668 > .item p,
.items_fcbfc2fee31e442eae11f13448c2e879 > .item p,
.items_ea8310208760490199c71d87c2f51377 > .item p,
.items_df980e0785e3409b9144cda71c8b1fa2 > .item p,
.items_ec6f56564f844b7694a13f0993a01d05 > .item p,
.items_e80c2f93c1be4c509daa9b20677e1d71 > .item p{
    margin-bottom: 20px;
}

/*Homepage video hero*/
/* Video Styles */

.video-container {
  background: #24282f;
  color: white;
  text-align:center !important;
  padding: 250px 0px;
  min-width: 100%;
  min-height: 100%;
}
.block_dc92de8c1abb4d67b2fc3b61ee9a02ab .button, .itemInnerContent .button {
    color: white;
}

#iframe-container h1 {
    font-size: 52px;
    color: white;
    text-align: center;
    min-width: 100%;
}

#iframe-container h3 {
    font-size: 30px;
}

/* Mobile Video Styles */

@media only screen and (max-width: 767px) {
    #iframe-container h1 {
        font-size: 30px;
    }
    
    #iframe-container h3 {
        font-size: 18px;
    }
    
    div#iframe-container {
        background-image: url(https://static.mywebsites360.com/f14f15762ea648919b37774fba973db8/i/b14d19b9ce0d45c79bc328f26ca8c8ce/1/GCuCv726gZycFxatRCb7iU/mobile%20hero.jpg);
    }
    
    .video-wrap {
        display: none!important;
    }
    
    .video-container {
        padding: 100px 0px 100px 0px;
    }
}

/* End Video Styles */

.video-text {
    position: relative;
    z-index: 1;
}

.background-placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    background:
        linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
        url('https://static.mywebsites360.com/f14f15762ea648919b37774fba973db8/i/fff10c176ba646c49872fa335bcdeb7a/2/5feFb8zhrk/video-hero.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    transition: all 1s ease-in-out;
}

.video-loaded {
    opacity: 0;
}


/* Popup Styles */

.dismiss{
    cursor: pointer;
}
/* End Popup Styles */

 /********************
ACCORDION BASE STYLES
-edit look of accordion here
********************/
.mwd-header {
    font-size: 30px;
  }
  
  .mwd-accordion {
    margin: 30px 0;
  }
  
  .mwd-accordion .mwd-accordion-item {
    border: 1px solid #FFC72E;
    margin-bottom: 15px;
  }
  .mwd-accordion .mwd-accordion-item .mwd-accordion-title {
    font-size: 24px;
    background: #063976;
    color: white;
    padding: 10px 20px;
    cursor: pointer;
  }
  .mwd-accordion .mwd-accordion-item .mwd-accordion-content {
    color: black;
    padding: 20px 20px 0 20px;
  }
  .mwd-accordion .mwd-accordion-item .mwd-accordion p {
    margin: 0;
  }
  
  /********************
  BASE +/- STYLES
  ********************/
  .mwd-accordion-content {
    display: block;
    overflow: hidden;
    max-height: 100%;
    transition: all 0.3s ease-in-out;
  }
  
  .mwd-accordion-title > :first-child {
    max-width: 90%;
  }
  
  .mwd-accordion-title {
    position: relative;
  }
  .mwd-accordion-title .mwd-accordion-icon {
    position: absolute;
    background: white;
    width: 20px;
    height: 3px;
    right: 22px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
  }
  .mwd-accordion-title .mwd-accordion-icon:after {
    content: "";
    position: absolute;
    background: white;
    width: 3px;
    height: 20px;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease-in-out;
  }
  
  .active .mwd-accordion-icon:after {
    transform: translateY(-50%) rotate(90deg);
  }