/* CSS Document  */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300,400,500,700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');

:root {
    --col1: #333;
  --grey: #f1f1f1;
  --dark-grey: #666666;
  --pale-blue: #c4dfed;
  --light-blue: #2d9edf;
  --red: #fe0000;
    --green1: #124c26;
   --green2: #4d8139;
   --green3: #93c34a;
    --green4: #d8eed7;
--gradient: linear-gradient(to bottom, #4d8139, #124c26);
}

::-webkit-scrollbar {
    height: 12px;
    width: 16px;
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgb(0,0,0,0.4);
    -webkit-border-radius: 1ex;
}

::-webkit-scrollbar-corner {
    background: #000;
}

.blink {
  animation: blinker 2s linear infinite;
}

@keyframes blinker {
  50% {
      transform:scale(1.04)
  }
}

html{height:100%; width:100%}
body{height:100%; width:100%; padding: 0px; margin: 0px; font-size:16px; position: relative; font-weight:400}
body{font-family: "Titillium Web", sans-serif;; background-size: cover; background-position: center; background-attachment: fixed; transition:all 500ms ease}


a{text-decoration: none; transition:all 300ms ease}

input[type=text],input[type=search],input[type=password], select, textarea{border:2px solid #366e81; padding:4px; font-size:18px; font-family:'Nunito', sans-serif; border-radius:5px}
input[type=submit],input[type=reset]{border:1px solid #366e81; padding:5px 15px; border-radius:4px}
input[type=search]{background-image: url(../images/search.png); background-repeat: no-repeat; background-position: center left 4px; background-size: 20px; padding-left: 30px}

p{margin:0px; padding:10px 0}
td{vertical-align:top}
img{border:0px}
div{box-sizing: border-box}
hr{border:0px; height: 0px; border-top:1px solid #fff; opacity: 0.5; margin: 15px 0}
h1, h2, h3, h4{}

h1{text-transform: uppercase}
h2{text-transform: uppercase; font-size:28px; color: var(--green1)}
h3{font-size:22px; color: var(--green2)}
h2 a{color: var(--green1)}

ul{list-style-position: inside;}
ol > li{padding-bottom: 5px}
ul{padding: 0 0 0 15px}
ul > li{padding-bottom: 5px}
ul li::marker {
  color: var(--green2);
}

a{color:var(--green1)}
a:hover{color:var(--red2)}
a:visited{color:var(--green1)}

#container{}
#wrap{min-height: 600px}
#main{max-width:1200px; margin: 0 auto; padding: 15px 30px}
#main img{max-width:100%}

#hero{width:100%; padding-bottom: 25%; position: relative; box-sizing: border-box; margin: 0 0 30px}
#hero img{object-fit: cover; width:100%; height: 100%; position: absolute; top:0px; left:0px; object-position: center}
#hero h1{background-color: rgb(255,255,255,0.5); text-align: center; display: block; position: absolute; bottom:0px; left:0px; padding:15px; width:100%; box-sizing: border-box; margin: 0px; color:#000}

#hpIntro{max-width: 100%; padding: 0; margin: 0 auto; font-size:1.2em; display: flex; justify-content: space-between; align-items: center}
#hpIntro > div{width:100%}
#hpIntro > div:last-of-type{max-width: 30%}
#hpIntro > div:last-of-type img{width:100%; height: 300px; object-fit: contain}

.flex{display: flex; justify-content: center; align-items: center; column-gap: 15px; margin: 30px auto}

.banner{background-color: var(--green1); color: #fff}
.banner a{color:#fff}
#strapAnim{font-size:30px; font-weight:700; line-height: 1em; padding: 10px 0 0}
#strapAnim span{font-size:0.45em}

#sharepanel{display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap; margin: 30px auto 0; max-width:1200px}
#sharepanel > div{background: #4D8137; color: #fff; border-radius:10px; padding: 15px 30px; width:100%; max-width:30%; text-align: center}
#sharepanel h3{color: #fff; border-bottom:2px solid rgb(255,255,255,0.5); padding: 0 0 15px; margin: 0 0 15px}

.sponsors {display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap}
.sponsors > div{width:100%; max-width: 180px}
.sponsors img{object-fit: contain; width:100%; height: 100%}

.speakerLogoWrap{}
.speakerLogo{object-fit:contain !important; width:100%; max-width:200px !important; height: 100px; display: block; margin: 10px auto}
.speakerLogo{object-fit:contain !important; width:100%; max-width:200px !important; height: 100px; display: block; margin: 10px auto}

.goldsponsors{padding: 0px 0 80px}
 
.quotebox{padding:15px 30px; background: var(--gradient); color:#fff; border-radius:30px; margin:30px 0; font-style:italic}
.scotflex{display: flex; justify-content: space-around; align-items: center; margin: 30px 0}
.scotflex > div{flex-grow: 1}
.scotflex > div:first-of-type{padding-right: 30px}


/* header */
#masthead{display:flex; justify-content: space-between; align-items: center; max-width:1200px; margin: 15px auto}
#masthead > div{width:100%; max-width: 33%; box-sizing: border-box; text-align: center; border-left:1px solid #ccc}
#masthead > div:nth-of-type(1){border:0; padding:15px !important}
#masthead > div:nth-of-type(2){padding:0 15px}
#masthead > div:nth-of-type(3){padding-left: 15px}

#event-date-masthead{text-align: center; text-transform: uppercase; color: var(--green1); font-weight:700; padding: 5px 0 0; font-size:1.4rem}
#masthead-logo{aspect-ratio:4/3; max-width: 100%}
#masthead-logo img{object-fit: contain; width:100%; height: 100%}

#supportedWrap{border-radius:6px; border:3px solid #4D8137; margin: 30px auto 15px; padding: 0 0 10px}
#supportedWrap h2{font-size:16px; text-align: center; margin: 0; padding: 15px 0 0}
.supporters{display: flex; justify-content: space-between; align-items: center; max-width:1200px}
.supporters > div{flex-grow:1; width:100%; padding: 0px 10px; text-align: center; font-size:12px}

.supporters a{display:inline-block; width:110px; height: 60px; margin: 0; padding: 0 10px}
.supporters img{width:100%; height: 100%; margin: 0; object-fit: contain}

.sponsorswrap{padding: 20px 10px}
.sponsorswrap img{margin:0 50px 0 0; max-width: 140px; }

.sponsortop{display: flex; justify-content: space-around; align-items: center; border:3px solid #4D8137; border-radius:6px; max-width:1200px; margin: 25px auto}
.sponsortop > div{width:100%; margin: 5px 10px; text-align: center; height: 60px; max-width:120px}
.sponsortop img{width:100%; height: 100%; object-fit: contain}

#inassocwith{max-width: 1200px; margin: 15px auto 0; position: relative; font-size:11px}
#inassocwith > div{position: absolute; top:-10px; left:10px}

.sponsorrow h2{text-align: center; font-size:16px !important; color:#B0B0B0 !important}
.sponsorrow > div:nth-of-type(1), .sponsorrow > div:nth-of-type(2), .sponsorrow > div:nth-of-type(4){display:none}

.globalpartners{display: block; text-align: center; margin: 30px 0 0; text-transform: uppercase;}

.global-partners-mh{display:flex; justify-content: space-around; align-items: center; flex-wrap: wrap}
.global-partners-mh > div{height:100px; width:100%; max-width: 100px; padding: 10px}
.global-partners-mh > div img{object-fit:contain; width:100%; height: 100%}

.mh-partner-logos{display:flex; justify-content: space-around; align-items: center; flex-wrap: wrap}
.mh-partner-logos > div{height:90px; width:100%; max-width: 120px; padding: 10px}
.mh-partner-logos > div img{object-fit:contain; width:100%; height: 100%}

.mh-sponsor-title{font-size:0.6rem; text-transform:uppercase; font-weight:700}

.globalpartners img{max-width: 120px; display: inline-block}
.globalpartners > div:first-of-type{padding-bottom: 10px; font-size:14px}

.videoWrapper{width:100%; padding-bottom: 56%; position: relative}
.videoWrapper iframe{position:absolute; top:0px; left:0px; width:100%; height: 100%}

.nomobile{font-size:12px}

#hpSplit{display: flex; justify-content: space-between; align-items: stretch; margin: 30px auto 50px; max-width:1200px}
#hpSplit > div{width:100%; max-width:48%}
#hpSplit > div:last-of-type ul{margin:40px 0 0}
#hpSplit > div:last-of-type li{margin:10px 0 0}
#hpSplit img{max-width: 100%; margin: 0 0 15px}

.topbuttons{text-align: center}
.btn-lightgreen {
    display:block;
    background: var(--green2);
    font-size: 20px;
    text-shadow: 1px 1px 0px rgb(0,0,0,0.7);
    font-weight:700;
    border: 0px;
    box-sizing: border-box;
    padding: 15px 0;
    text-transform: uppercase;
    color: #fff !important;
    width: 100%;
    margin: 0 auto 3px;
    transition: all 300ms ease;
    border-radius: 4px;
    text-align: center;
    max-width:240px;
    box-shadow:1px 1px 4px rgb(0,0,0,0.3)
}
.btn-lightgreen:hover{background-color:var(--green3)}

#buffer{width:100%; z-index: 1; transition:all 300ms ease; background: #f8f8f8}


#mediapartners{background-color:rgb(255,255,255,0.8); border-radius:4px; padding: 10px 30px 0px; text-align: center; backdrop-filter: blur(6px); position:absolute; width:40%; right:5%; top:6%;  color: #fff; text-transform: uppercase}
#mediapartners h3{font-size:12px; letter-spacing: 2px; padding: 0; margin: 0 0 15px; color: #333}

.mediaLogos{display: flex; justify-content: center; align-items: center; flex-wrap:wrap}
.mediaLogos > div{width:100%; margin-bottom: 20px}
.mediaLogos img{object-fit: contain; max-width: 100%}


/* footer */
footer{max-width:1200px; margin: 0 auto}

#footer1{display:flex; justify-content: space-around; align-items: stretch; font-size:16px}
#footer1 > div{width:100%; max-width: 25%; padding: 15px}
#footer1 > div:nth-of-type(3){text-align:right}
#footer1 > div:nth-of-type(4){text-align:right}
#footer1 input[type=text]{border:1px solid #ccc; box-sizing: border-box; border-radius:0px}
#footer1 input[type=submit]{boder:0px}


#footer2{text-align: center; justify-content: center; align-items: center; display: flex; margin: 30px auto 60px}
#footer2 > div{height: 180px; padding: 15px}
#footer2 img{object-fit:contain; width:100%; height: 100%}

.footerVenue{text-align: center; font-weight:700; font-size:1.2em}
.footerVenue a:hover{color: var(--green3)}

.copyright{text-align:center; padding: 30px}

.savedate{text-align:center; font-size:22px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding: 25px; margin: 15px auto; color:var(--green3); max-width:1200px}

.emailsignupbtn {
    background: #3faa38 url('/images/anibg_plain.gif');
    color: #fff;
    font-size: 14px;
    border: 0px;
    border-radius:0px !important;
    padding: 5px;
    text-transform: uppercase;
}


/* furniture */
.button{background-color: var(--green1); color:#fff !important; text-shadow: none; text-align: center; display: inline-block; padding: 7px 30px 8px; border-radius:5px; cursor: pointer; margin: 10px; font-weight:700; font-size:1rem; transition:all 300ms ease}
.button:hover{background-color: var(--green2)}

.grey{color:#666666}
.red{color: var(--red)}
.small{font-size:12px}


.custom-menu-class > ul{display: flex; flex-wrap:nowrap; justify-content: center; list-style: none; padding: 0px; margin: 0 auto; z-index: 10; border:1px solid #ccc; border-left:0px; border-right:0px}
.custom-menu-class > ul > li{padding: 0px; position: relative; cursor: pointer}
.custom-menu-class li a{display: block; padding: 10px; transition:all 300ms ease; text-transform: uppercase; letter-spacing: 2px; font-size:1rem; color:#000}
.custom-menu-class li a:hover{}

.custom-menu-class li > ul a{font-size:0.8rem}

.sub-menu{position:absolute; left:0px; top:27px; padding: 10px !important; display: none; list-style: none; border:1px solid #ccc; box-shadow:0 0 10px rgb(0,0,0,0.4); background-color: #fff; z-index: 50}
.sub-menu > li{min-width:160px; text-align: center; padding: 0 !important; margin: 0 !important}
.sub-menu a{display:block; padding: 7px !important; text-align: left; margin: 0px}
.sub-menu a:hover{background-color: #f8f8f8}

.menu-item-has-children i{position: absolute; right:2px; top:15px; font-size:12px; color: var(--green2)}

#mobnavbutton{position: fixed; top:15px; right:10px; width:32px; cursor:pointer; transition:all 500ms ease; display:none; z-index: 1000}
#mobnavbutton > div{margin:5px 0; border:3px solid var(--green3); border-radius:10px; z-index: 100; transition:all 300ms ease; box-shadow: rgb(0,0,0,0.4)}
#mobnavbutton:hover > div{border-color:#3c7285}

.alignleft{max-width:35%; height: auto; margin: 0 30px 30px 0; border-radius:10px}
.alignright{max-width:35%; height: auto; margin: 0 0 30px 30px; border-radius:10px}

#wpadminbar{position: relative !important; top:inherit; display: none}
#wpadminbar{position: relative !important; top:inherit; display: none}

#spons{max-width: 1200px; margin: 30px auto 60px; background-color: rgb(255,255,255,0.5); padding: 30px; text-align: center; border-radius:10px; border:2px solid var(--red3)}
#spons h2{text-align: center; padding: 0; margin: 0 0 15px}

.sponsorLogos{display: flex; align-items: center; justify-content: space-around; flex-wrap:wrap}
.sponsorLogos > div{width:100%; max-width: 30%; height: 140px }
.sponsorLogos > div img{object-fit: contain; width:80%; height: 100%}

#casecontent{display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
#casecontent > div{background-color: #f8f8f8; box-shadow:0 0 10px rgb(0,0,0,0.3); min-height: 200px; width:100%; max-width: 360px; margin:0 5px 30px; position: relative}
#casecontent > div > div:nth-of-type(1){background-color: #f8f8f8; height: 200px; background-position: center; background-size: cover}
#casecontent > div > div:nth-of-type(2){padding:15px 15px 40px; text-align: center}
#casecontent img{object-fit: cover; width:100%; height: 100%}
#casecontent h2{padding: 0; margin: 0 0 20px; font-size:22px}
#casecontent h2 a{color: #333}
#casecontent .readmore{display: block; text-align: right; position: absolute; bottom:5px; right:5px}

#reports{display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
#reports > div{background-color: #f8f8f8; box-shadow:0 0 10px rgb(0,0,0,0.3); min-height: 200px; width:100%; max-width: 360px; margin: 0 5px 30px; position: relative}
#reports > div > div:nth-of-type(1){background-color: #666; height: 250px; background-position: center; background-size: cover}
#reports > div > div:nth-of-type(2){padding:15px 15px 30px}
#reports > div > div:nth-of-type(2){padding:15px 15px 20px}
#reports img{object-fit: cover; width:100%; height: 100%}
#reports h2{padding: 0; margin: 0 0 20px; font-size:22px}
#reports h2 a{color: #333}
#reports .readmore{display: block; text-align: right; position: absolute; bottom:5px; right:5px}
#reports .button{padding: 15px 40px; background-color: #333}
#reports .button:hover{background-color:var(--red3)}

#news{display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
#news > div{background-color: var(--green1); color:#fff; box-shadow:0 0 10px rgb(0,0,0,0.3); width:100%; max-width: 32%; margin-bottom: 30px; padding:15px 15px 25px; margin: 5px 0px 15px; border-radius:3px; position: relative; border-bottom:8px solid var(--red3); background-image: url("../images/bglogo.png"); background-repeat: no-repeat; background-position:top -40px right -20px}
#news p{font-size:12px; padding: 0px; margin: 0px; color: rgb(255, 255, 255, 0.6)}
#news h3{padding:0px; margin: 0px}
#news a{color:#FFFFFF}
#news a:hover{color: #fff; opacity: 0.7}
#news .dater{font-size:11px; padding: 0px; margin: 0px; color: rgb(255, 255, 255, 0.8); text-align: right; position: absolute; bottom:5px; right:5px}


.center{text-align: center}



.mediaPacks > div{}

.mediapacklogo{background: #fff; padding: 50px 10px; margin: 30px auto 0; border-radius:4px}
.mediapacklogo img{object-fit: contain; width:80%; height: 100px}

.regoption{text-align:center; background-color: #fff; color: var(--red3); padding: 30px 30px 60px; margin: 15px auto 30px; max-width: 600px; border-radius:40px; border:3px solid var(--red3)}
.regoption h2{padding:0 0 15px; margin: 0 0 15px; border-bottom:2px solid rgb(255, 255, 255, 0.2)}
.regoption .button{font-size:24px; padding: 6px 0 9px; background-color: #fff; color:var(--green1) !important; font-weight:700px; text-transform:uppercase; box-sizing:border-box}
.regoption .button:hover{color:#000 !important}
.regOption > div:last-of-type .button{background-color: var(--green2)}

.regbutton{position: absolute; bottom:10px; left:10px; width:calc(100% - 20px) !important}

.greenbox{background-color: var(--green4); padding: 15px 30px; border-radius:5px; margin: 0 0 15px}

#newsfeed{display: flex; justify-content: flex-start; align-items: stretch; flex-wrap:wrap; max-width: 1200px; margin: 0 auto}
#newsfeed > div{width:100%; max-width: 31%; margin: 10px}
#newsfeed img{max-width: 100%; height: auto}
#newsfeed .newsphoto{height: 260px; width:100%; background-color: #f8f8f8;}
#newsfeed .newsphoto img{object-fit:cover; object-position: center; width:100%; height: 100%}
#newsfeed .content{display: none}
#newsfeed h4{line-height: normal; text-align: left}

#modal{position:fixed; width:100%; height: 100vh; top:0px; left:0px; background-color: rgb(255,255,255,0.8); justify-content: space-around; align-items: center; z-index: 1000; display: none; backdrop-filter: blur(5px)}
#modal > div{padding:15px 30px; background-color: #fff; box-shadow:0 0 15px rgb(0,0,0,0.5); min-height: 50px; width:100%; max-width: 800px; aspect-ratio:1/1; border-radius:4px; overflow: auto; position: relative; font-size:1rem}

.winnerpopup{width:100%; max-width: 400px; aspect-ratio:1/1; text-align: center; margin: 0 auto}
.winnerpopup > img{height: 100%;  width:100%}

#modal h2{text-align:center; padding: 0 0 10px; margin: 0}
#modal h3{text-align:center; padding: 0; margin: 0 0 30px}

#modal .fas{position: absolute; top:15px; right:15px; font-size:30px; opacity:0.6; transition:all 300ms ease; cursor:pointer}
#modal .fas:hover{opacity:1}

.modal-speaker-photo{float:right; max-width:240px; height:auto; border-radius:200px; margin:0 30px 15px 0}

input[type=text], input[type=email], textarea{width:100%; padding:5px; border:1px solid #ccc; box-sizing: border-box; border-radius:0px}
textarea{padding: 15px}

.testimonials{display: flex; justify-content: space-around; flex-wrap: wrap; align-content: stretch; margin: 30px 0}
.testimonials > div{width:100%; max-width: 320px; margin-bottom: 30px; border-bottom:1px solid #ccc; text-align: center; padding: 0 0 30px}
.testimonialImage{height: 100px}
.testimonialImage img{object-fit:contain; object-position: center; width:100%; height: 100%}
.testimonialDesc{text-align: left}

.team{display:flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap}
.team > div{width:100%; max-width: 350px; text-align: center; margin-bottom: 50px}
.team > div > div:nth-of-type(3){height: 50px}
.team .bio{display: none}
.team h3{padding:10px 0 0; margin:0}
.team a{color: var(--green2)}

.attendGrid{display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap}
.attendGrid > div{width:100%; max-width: 25%}
.attendGrid img{width:100%; height: auto}




.exSocials i{font-size:30px; margin: 0 10px}
.exSocials a{}

.resourcelist{display: flex; justify-content: space-around; align-items: stretch; flex-wrap: wrap; box-sizing: border-box}
.resourcelist > div{width:100%; max-width: 24%; border:1px solid #ddd; text-align: center; box-sizing: border-box; margin: 0 0 15px}
.resourcethumb{height: 140px; margin: 10px 0 15px; padding: 0 15px}
.resourcethumb img{object-fit: contain; width:100%; height: 100%}
.resdata{height: 200px; overflow: auto; text-align: left; margin: 0 auto 14px; max-width:90%}

.gpflex{display: flex; justify-content: space-between; align-items: stretch}
.gpflex > div{width:100%}
.gpflex > div:nth-of-type(1){max-width:300px}
.gpflex > div:nth-of-type(2){padding:0 20px}
.gpflex > div:nth-of-type(3){max-width:300px}
.gpflex img{object-fit: contain; width:100%; height: 100%}

.gpform{ box-sizing:border-box}
.gpform input{margin: 10px !important; box-sizing:border-box}
.gpform input[type=text]{}

.fixedwidth {
    max-width: 900px;
    margin: 5px auto;
    background: #eeffe7;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
    display: flex;
    justify-content: space-between;
    align-content: stretch;
    border-radius: 12px;
}
.fixedwidth > div {
    flex-grow: 1;
    width: 100%;
    padding: 5px 15px;
}
.fixedwidth > div:last-of-type {
    max-width: 240px;
}
.fixedwidth H2{color: var(--green1)}

.choosebutton {
    background-color: #124c26;
    cursor:pointer !important;
    transition:all 300ms ease;
    color:#fff !important
}
.choosebutton:hover{
    background-color:var(--green1)
}
.lozbutton {
    background-color: #4d8139;
    color: #fff;
    padding: 15px 30px;
    border-radius: 100px;
    display: inline-block;
    font-weight: bold;
    cursor:pointer !important
}

.wsList > div{display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; border-top:1px solid var(--green3)}
.wsList > div > div{width:100%}
.wsList > div > div:last-of-type{max-width:300px; padding: 30px}
.wsList img{object-fit:contain; object-position: center; width:100%; height: 100%}


.personflex{display:flex; justify-content: flex-start; align-items: center; margin: 10px 0; max-width: 450px}
.personflex > div{width:100%}
.personflex > div:first-of-type{max-width:80px; height: 80px}
.personflex > div:nth-of-type(2){padding: 0 0 0 15px;}
.personflex > div:nth-of-type(3){max-width:90px}
.personflex > div:nth-of-type(3) img{object-fit:contain; object-position: center; width:100%; height: 100%; border:4px solid #fff}
.personflex > div:first-of-type img{object-fit: cover; border-radius:100px; width:100%; height: 100%; box-shadow:2px 1px 5px rgb(0,0,0,0.4); border:2px solid #fff}
.personflex .role{color: #999; text-transform: uppercase; font-size:11px; font-weight:bold}
.personflex h4{padding: 0; margin: 0; color:var(--green1); font-size:18px}




.thinkTankAgenda{background: #fff; border-radius:20px; padding: 30px}
.thinkTankAgenda > .sponBox{display:none}



#post-82 h1{margin-bottom: 0}
.regSponsor{text-align:center; border:3px solid var(--green2); border-radius:10px; padding: 15px; margin: 0 auto 10px}
.regSponsor h4{text-align:center; color:var(--green2); font-size:18px; padding: 0; margin: 0}
.regSponsor > div{margin: 15px auto 0; width:300px; height: 120px}
.regSponsor img{object-fit: contain; object-position: center; width:100%; height: 100%}

#post-1380 form{max-width:600px; margin: 30px auto}

.eventMediaPartner{max-width:150px; text-align: center; height: 43px; margin: 0 auto 4px}
.eventMediaPartner img{object-fit:contain; width:100%; height: 100%}

.regFlex{display: flex; justify-content: center; align-items: stretch; text-align: center; margin: 0 auto 30px; grid-gap: 30px}
.regFlex > div{width:100%; max-width:320px; background-color: #fff; color: var(--green1); padding: 10px 10px 40px; position: relative; border-radius:10px; border:3px solid var(--green1)}

.reglogo{height: 150px; width:100%; text-align: center; margin-bottom: 15px}
.reglogo img{object-fit: contain; width:100%; height: 100%}

.regFlex > div > div:last-of-type{width:100%; text-align: center; padding: 0}
.regFlex h2{margin:0 0 15px; text-align: center; color: var(--green1); font-size:24px; font-weight:bold}
.regFlex a{color: #fff}
.regFlex .button{background-color:var(--green1); color:#fff !important; font-size:1.4rem; transition:all 300ms ease; padding: 7px 0; text-align: center; width:100%; box-sizing: border-box; margin: 0; text-transform: uppercase}
.regFlex .button:hover{background-color: var(--green2); color:#fff !important}
.regFlex img{max-width:120px; margin: 10px auto 0; display: block}

#mobCtaRegButton{display: none; margin: 10px auto 25px}

.cpdbox{max-width: 120px; padding: 0 10px}
.cpdbox img{max-width:100%}

.copyright{max-width:1200px; margin: 0 auto; font-size:14px; padding: 0 10px 60px}
.copyright a{color:var(--green1) !important; text-decoration: underline}

.videoDataGate{max-width:800px; background: #f8f8f8; border-radius:10px; margin: 0 auto; padding: 10px 30px; box-sizing: border-box}
.videoDataGate label{display: block; font-weight:700; color:var(--green1); padding: 0 0 5px; line-height: normal}
.videoDataGate input, .videoDataGate select{margin-bottom: 30px; border:1px solid #ccc; padding: 5px; width:100%}
.videoDataGate input[type=checkbox]{min-width:30px; min-height: 30px; display: inline !important; width:40px; transform:translate(0px, 10px)}
.videoDataGate button[type=submit]{border:0px; background-color: var(--green1) !important; color: #fff !important; padding: 10px 30px; border-radius:4px}
label[for=cm-privacy-consent]{display: inline !important}

.promoflex{display:flex; justify-content: center; align-items: stretch}
.promoflex > div{flex-grow:1; max-width: 370px}
.promoflex img{object-fit: contain; width:100%; height:100%}

.sponsorGrid{display: flex; justify-content: center; align-items: center; flex-wrap:wrap; grid-gap: 50px; max-width:1200px; margin: 30px auto; padding: 15px 30px}
.sponsorGrid > div{width:100%; max-width: 120px; height: 100px}
.sponsorGrid > div img{object-fit: contain; object-position: center; width:100%; height: 100%}

@media only screen and (max-width: 1400px) {
    #headersocials{top:10px; bottom:inherit; right:inherit; left:20px; padding: 10px}
}


@media only screen and (max-width: 1000px) {
    #regButton{right:10px}
    #headersocials{top:20px; bottom:inherit; right:60px; left:inherit}
    .gpflex{flex-direction: column; justify-content: space-around}
    .gpflex > div{max-width:100% !important; margin-bottom: 15px}
    .gpflex > div:nth-of-type(1){max-width:400px !important; margin: 0 auto 15px}
    .gpflex > div:nth-of-type(3){max-width:400px !important; margin: 0 auto 15px}
}

@media only screen and (max-width: 1080px) {
    #mobnavbutton{display:block}
    .custom-menu-class{position: fixed; top:0px; right:0px; background-color: var(--green1); color:#fff !important; border:0px !important; z-index: 100; min-width: 100%; display: none; height: 100vh; font-weight:700}
    .custom-menu-class ul{flex-direction: column}
    .custom-menu-class a{text-align:center}
    .custom-menu-class > ul{border:0}
    .custom-menu-class ul > li{padding: 0px}
    .custom-menu-class ul > li a:hover{background-color: var(--red3)}
    .custom-menu-class  .sub-menu{position:relative !important; background-color: var(--green1); left:inherit !important; top:inherit !important; padding:0px !important; border:0 !important; box-shadow: none}
    .custom-menu-class  .sub-menu li{border:0px}
    .custom-menu-class  .sub-menu a{padding:5px; color:#fff !important}
    .custom-menu-class li a{color: #fff !important}
}

@media only screen and (max-width: 900px) {
    #news{justify-content: space-around}
    #news > div{max-width: 320px}
    .sponsorslist > div{max-width: 32%}
    .resourcelist > div{max-width:48%}
    #newsfeed{flex-wrap: wrap; justify-content: space-around}
    #newsfeed > div{max-width: 400px}
}

@media only screen and (max-width: 800px) {
    .sponthumb{width:100%; max-width:90%; text-align: center; float:none; margin: 30px auto 15px !important; display: block}
    #hpIntro{flex-direction: column}
    #hpIntro > div{max-width: 100% !important}
    .supporters{flex-direction:column}
    .supporters > div:first-of-type{padding:15px 0}
	#masthead{flex-wrap: wrap; flex-direction: column; max-width: 600px; margin: 0 auto}
    #masthead > div{max-width:100%; border:0; border-top:1px solid #ccc; padding: 15px 0}
	#masthead > div:nth-of-type(2){order: 3}
	#masthead > div:nth-of-type(3){order: 2}
}
 @media only screen and (max-width: 700px) {
     #footerinner{flex-direction: column; max-width: 600px; margin: 0 auto}
     #footerinner > div{max-width:100%; text-align: center !important; padding: 50px 15px !important}

     #footer1{flex-direction: column}
     #footer1 > div{max-width:100%; text-align: center}
     #hpSplit{flex-direction: column}
     #hpSplit > div{max-width:100% !important}
     #sharepanel{flex-direction: column; justify-content: space-around}
     #sharepanel > div{margin-bottom: 30px; max-width:100%}
     .partners-img{margin:35px 15px}
}
    
@media only screen and (max-width: 600px) {
	.regFlex{justify-content: center}
    .alignleft{max-width:100%; margin: 30px auto; float:none}
    .alignright{max-width:100%; margin: 30px auto; float:none}
     #news > div{max-width: 96%}
    #regButton{font-size:16px; padding: 5px 10px}
    .sponsorslist > div{max-width: 49%}
    .resourcelist > div{max-width:100%}
    .fixedwidth{flex-direction: column}
    .fixedwidth > div{max-width:100% !important; text-align: center}

	#footer2{flex-direction: column}
	#footer2 > div{max-width:200px}
	
	.promoflex{flex-wrap:wrap; justify-content: center !important; width:100%}
	.promoflex > div{width:100%}
	
	#masthead{margin: 0 30px}
	
	#modal > div{max-width: 85%; height: 90vh}
	.modal-speaker-photo{float:none; max-width:240px; margin:0 auto 30px; display: block}
	
	.regFlex{display: block; margin-top: 30px}
	.regFlex > div{margin-bottom: 15px}
	#masthead > div:nth-of-type(3){padding-left: 0}
	#masthead > div:nth-of-type(2){padding-top: 15px}
	.mh-partner-logos > div{max-width: 200px}
	#footer1 > div:nth-of-type(4){text-align: center}
}
@media only screen and (max-width: 533px) {
    .sponsorslist > div{max-width: 98%}
	.cpdbox{margin: 0; display:none}
	#strapAnim{font-size:30px}
	#mobCtaRegButton{display: block}
} 
@media only screen and (max-width: 320px) {
    
}