#shadow-host-companion {
  padding: 0;
}
.pricing-table .price {
    font-size: 36px;

}

/* Redactor */
[data-block="layout"] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    
}

[data-block="column"] {
    flex: 1; 
    min-width: 45%; 
}


@media screen and (max-width: 768px) {
    [data-block="layout"] {
        flex-direction: column; 
    }

    [data-block="column"] {
        flex-basis: 100% !important; 
        min-width: 100%;
    }

   
    [data-block="column"] img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    
    [data-block="column"] p {
        font-size: 16px;
        line-height: 1.5;
    }
}

/* Headings */
.image-bg h1, .image-bg h2, .image-bg h3, .image-bg h4, .image-bg h5, .image-bg h6 {
    color: #ffffff;
    font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
  	font-weight: 700;
}

.image-bg h2 {
  font-size: 3.5em;
  line-height: 50px;
}

h3.uppercase {
    font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
}

h1, h2, h3, h4, h6, .h1, .h2, .h3, .h4, .h6 {
    font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
  	color: #9BBE69;
    font-weight: 700;
}

h5, .h5 {
  	font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
  	color: #9BBE69;
    font-weight: 700;
}

h3 {
    font-size: 32px;
}

/* Table */
table {
  border: 1px solid #000000;
}

tr, th, td {
  border: 1px solid #000000;
}


/* Menu Bar */
.menu li a {
    font-size: 18px;
    text-transform: capitalize;
  	font-weight: 700;
  	color: #014891;
    opacity: 1;
}

.menu li a:hover {
  opacity: 0.5!important;
}

.menu {
    font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
  	font-weight: 400;
}

.nav-utility {
    border-bottom: 1px solid #014891;
  	background: #ffffff;
  	color: #014891;
  	height: 50px;
    line-height: 48px;
}

.nav-bar {
    height: 85px;
    max-height: 85px;
    line-height: 83px;
}

/* Logo */
.logo {
    max-height: 140%;
}

/* Language Selector */

.module.widget-handle {
    background-color: #ffffff;
}
select {
    background: #f2f2f2;
}

select:focus {
    background: #f2f2f2;
}

/* Main Text */
body {
    font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
  	font-size: 18px;
  	font-weight: 400;
    color: #303011;
}

p.lead {
    font-size: 18px;
}

hr {
    border: none;
    border-top: 1px solid #292929;
    margin: 0 0 24px 0;
    width: 100%;
}

/* Buttons */
.image-bg .btn.btn-filled, .image-bg .btn-filled:visited {
    border-color: #014891;
  	border-radius: 40px!important;
  	line-height: 44px;
}

.btn-white:hover, .image-bg .btn:hover, .image-bg .btn:visited:hover {
    background: #fff;
    color: #014891;
}

.btn:hover {
    background: #fff;
    color: #014891;
  	border-color: #014891;
}

.btn-white:visited, .btn:visited:hover {
    color: #014891;
}

.btn:visited {
    color: #ffffff;
}

.btn-filled {
    background: #014891;
  	line-height: 44px!important;
}

.btn-filled-reg {
    background: #014891;
  	line-height: initial !important;
}

.btn-modal {
  	color: #ffffff;
    background: #014891;
  	line-height: 32px!important;
}

.btn {
  	border: 2px solid #014891;
  	border-radius: 40px;
  	font-family: "Roboto", Arial, Open Sans, sans-serif;
  	font-size: 16px;
  	line-height: 32px;
  	text-transform: capitalize;
  	min-width:250px;
  	color: #ffffff;
  	background-color: #014891;
}

.btn:focus, .btn.focus {
  color: #ffffff;
}

.bg-primary input[type="submit"], .bg-primary button[type="submit"] {
    background: #014891;
    color: #ffffff;
    border-color: #014891;
}

.bg-primary .btn:hover {
    background: #fff;
    color: #275138;
}

input[type="submit"], button[type="submit"] {
    border: 2px solid #014891;
    background: #014891;
  	font-size: 16px;
  	padding: 0px 10px 10px 10px;
}

/* Registration */
.text-black {
    color: #333333!important;
}

/* Agenda */
.button-tabs .active .tab-title {
    background: #f27e37;
    color: #fff;
}

.button-tabs .active .tab-title:hover {
    background: #f27e37;
}

.button-tabs .tab-title span {
    font-family: "brandon-grotesque", Helvetica, Arial, sans-serif;
    font-size: 14px;
  	font-weight: 400;
}

.mt40 {
    margin-top: 15px;
}

.mb40 {
    margin-bottom: 15px;
}

/* Custom Sections */
.cs-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

/* Speakers */
.modal-body {
    font-size: 18px;
}

/* Prevent clipping on the speaker tiles/wrappers */
.image-tile,
.speaker-item,
.speaker-image {
  overflow: visible !important;
}


/* Venue and Map */
.image-square {
    background: #fafafa;
}

/* Banner Background */
.overlay:before {
    background: #292929;
}

/* Parralax Scroll */
.parallax > .background-image-holder, .parallax .slides li > .background-image-holder {
    height: 120vh;
}

/* Links */
a {
    color: #2c55a2;
}

a:hover {
    color: #8dabbd;
}

/* Primary Color */
.color-primary {
    color: #327f95 !important;
}

/* Section Color */
.bg-primary {
    background: #8dabbd !important;
}

.bg-footer {
	background: #f0f2f2 !important;
}

.bg-secondary {
    background: #dae3ec;
}

.bg-reg-banner {
  	background: #1A3443;
}

/* Section */
section, footer {
    padding: 76px 0;
}

/* Experience */
.bg-experience {
  	background: #00a2ce;
}

.text-white {
  	color: #ffffff;
}

/* Form */
.panel-heading {
    background-color: #f2f2f2;
}

label {
    font-size: 18px;
}

td, th {
    padding: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

input, button, select, textarea {
    font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
  	font-weight: 400;
}

select {
    text-transform: capitalize;
  	font-size: 16px;
  	font-weight: normal
}

.progress-bar {
    background: #327f95;
}

.form-control {
    font-size: 16px;
    color: #666666;
}

small, .small {
    font-size: 1em;
}

.col-sm-6-thank-you {
    width: 100%;
}

.reg-page h2 {
  	font-family: "Roboto", Arial, Open Sans, sans-serif;
  	font-size: 24px!important;
}

h6, .h6 {
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
}

.form-heading {
  	font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;
	font-size: 16px;
    line-height: 32px;
    font-weight: 700;
  	color: #327f95;
}

.survey-header-label {
  	font-size: 20px;
}

/* Registration Summary: remove the frame + internal grid */
.panel .panel-body table,
.panel .panel-body .table,
.panel .panel-body table td,
.panel .panel-body table th,
.panel .panel-body .table td,
.panel .panel-body .table th,
.panel .panel-body table tr,
.panel .panel-body .table tr {
  border: 0 !important;
  box-shadow: none !important;
}

.panel .panel-body table,
.panel .panel-body .table {
  border: 0 !important;
  border-collapse: separate !important; /* prevents collapsed borders reappearing */
}

/* Some themes draw those lines on grid cols instead of <td>/<th> */
.panel .panel-body .row > [class*="col-"] {
  border: 0 !important;
  box-shadow: none !important;
}

.panel .panel-body .boxed,
.panel .panel-body .feature,
.panel .panel-body .card,
.panel .panel-body blockquote {
  border: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

.panel .panel-body .actions,
.panel .panel-body .actions * {
  border-top: 0 !important;
  box-shadow: none !important;
}

.to-pay-label {
  padding-left: 10px;
}


/* Mobile */

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  select,
  textarea,
  input {
    font-size: 16px;
  }

}

@media (max-width: 767px){
p {
    font-size: 18px;
}
  }

@media (max-width: 767px){
.col-sm-6-thank-you{
	padding-left: 15px;
  	padding-right: 15px;
}
}

@media (max-width: 990px){
.mobile-toggle {
    border-left: none !important;
    border-bottom: none !important;
}
}


/* AGENDA */

#accordionExample .agenda-header {
  
    border-bottom: solid 1px #cccccc;
    padding: 10px;
    background-color: #efefef;
    text-align: center;
	cursor: pointer;
}


#accordionExample .agenda-header div.h2 {
  font-size: 1.8rem;
  margin-bottom: 0;
  margin-top: 0;
  padding: 10px;
  font-weight: normal;
      font-family: "brandon-grotesque", Arial, Open Sans, sans-serif;

}

#accordionExample .agenda-header div.h2:after {
  display: inline-block;
    margin-left: 1em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

#accordionExample .number {
  text-align: center;
}

#accordionExample .card-body h4 {
  font-size: 1.5rem;
}

#accordionExample .card {
  text-align: center;
  border: solid 1px #efefef;

    	border-radius: 5px;
  margin-bottom: 1em;

  
}

#accordionExample .card-body {
    padding: 10px 20px;

}

#accordionExample .card-body div:last-of-type hr {
  display: none;
}

#accordionExample .pull-left {
  float: none !important;
}



.feature.boxed.highlight-item-sized {
  	padding: 32px;
    background: #f8f8f8;
    max-width: 31.3333%;
  	min-width: 200px;
    width: 31.3333%;
    align-items: stretch;
    align-self: stretch;
    flex-grow: 1;
    margin: 1%;
   	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  	-webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  cursor: pointer;
}

.feature.boxed.highlight-item-sized img {
  width: auto;
  max-height: 200px;
  margin: 1rem auto;
  margin-bottom: 2rem;
}

#highlights .modal .modal-dialog {
  
}
#highlights .modal .modal-header {
  border-bottom: 0;
}
#highlights .modal .close {
  font-size: 30px;
}

#highlights .modal img {
    max-width: 400px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 2rem;
    display: block;
}

#highlights .modal h5 {
  text-align: center;
  margin-bottom: 2rem;
}

#highlights .modal .content {
  padding: 0 2rem;
}

@media screen and (min-width: 768px) {
  .modal-dialog {
      width: 700px;
      margin: 30px auto;
  }
}

@media (max-width: 767px) {
h3 {
    font-size: 26px;
}
}

@media (max-width: 990px) {
    .mobile-toggle i {
        line-height: 73px !important;
    }
}

@media (max-width: 767px) {
.image-bg h2 {
    font-size: 2.75em!important;
    line-height: 50px;
}
}

/* Event Styles */
.epa-climate-change #top.overlay:before {
    opacity: 0!important;
}

.epa-climate-change .bg-white {
  background: #ffffff!important;
}

[data-block="layout"] {
    display: flex;
    flex-direction: row;
    gap: 24px;
    
}


[data-block="column"] {
    flex: 1; 
   
}


@media screen and (max-width: 768px) {
    [data-block="layout"] {
        flex-direction: column; 
    }

    [data-block="column"] {
        flex-basis: 100% !important; 
        min-width: 100%;
    }

   
    [data-block="column"] img {
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    
    [data-block="column"] p {
        font-size: 16px !important;
        line-height: 1.5;
    }
}
