/* GLOBALS */
html, body { font-size: 12px; margin: 0; height: 100%; font-family: 'miloot';}
h1 {text-transform: uppercase; font-size: 24px; font-weight: bold; color: #0F4284;}
h2 {text-transform: uppercase; font-size: 16px; font-weight: bold; color: #0F4284;}
h3 {text-transform: uppercase; font-size: 14px; font-weight: bold; color: #0F4284;}
h4 {text-transform: uppercase; font-size: 14px; font-weight: bold; color: #0F4284;}
div {margin: 0; padding: 0;}
label {font-weight: normal;}
input[type='text'], 
input[type='password'], 
input[type='email'], 
input[type='submit'], 
input[type='date'], 
textarea, select {padding: 10px; margin-bottom: 10px; border: solid 1px #cdcdcd; border-radius: 2px; outline: none; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type='submit'] {color: #fff; background: #696969; cursor: pointer; border: solid 0; font-weight: bold; font-size: 16px; width: 100%;}
input[type='submit']:active {background: #9B9B9B;}
.label-large {display: inline-block; font-size: 13px; font-weight: normal; padding: 4px 8px; background-color: #777; margin-bottom: 5px;}
.btn {color: white; background-color: #BD0706; text-transform: uppercase; border-radius: 0;}
.social-share-buttons {height: 24px; margin-bottom: 10px;}
.required {color: red; font-weight: bold;}
.required-message {color: red;}
.red {background-color: #BD0706;}
.overflow{overflow: visible;}
.pagination {border-radius: 4px; background: #00A5C7; margin: 0 4px 0 0;}
.pagination.current {background: #062D6D;}
.pagination a {text-decoration: none; color: #fff; line-height: 25px; padding: 0 10px;}
.notify {border: 1px solid #E6DB55; border-radius: 2px; background: #FFFBCC; line-height: 22px; padding: 5px 10px; margin-bottom: 20px;}
.error, .notify_error {color: #990000; border-color: #cc0000; background: #F9DFDD;}
.notify_ok {border-color: #258815; color: #258815; background: #f0ffed;}
.notify_info {border-color: #2850C1; color: #2850C1; background: #edf4ff;}
.call-to-action-button {background-color: #ffa800; font-weight: bold; letter-spacing: 2px; width: 245px; height: 35px; margin-bottom: 10px; display:block; line-height: 25px;}
.call-to-action-button:hover {color: #fff; text-decoration: underline;}
.call-to-action-button.no-margin {margin: 0;}
.call-to-action-contact {display: inline-block; text-align: center; margin-bottom: 10px;}
.call-to-action-contact div {float: left;}
.call-to-action-contact a {margin: 0 5px 0 0; text-decoration: none; color: #717171;}
.call-to-action-contact a:hover {text-decoration: underline;}
.call-to-action-contact i {margin-right: 5px;}

/* HEADER */
.header {margin-left: 10%; margin-right: 10%; padding: 20px 0; position: relative; min-height: 84px;}
.header .logo {max-width: 210px;}
.header .main-nav {position: absolute; left: 230px; top: 33px;}
.header .main-nav ul {list-style-type: none; margin: 0; padding: 0;}
.header .main-nav ul li {float: left; margin-right: 15px;}
.header .main-nav ul li a {font-size: 14px; color: #000; text-decoration: none; text-transform: uppercase}
.header .main-nav ul li a:hover {text-decoration: underline;}
.header .main-nav ul li.active a {font-weight: bold;}

.search-bar {float: right; width: 200px; position: relative; top: 5px;}
.search-bar form {padding: 0;}
.search-bar button {background-color: #dedede; border-radius: 4px;}
.search-bar button:hover {color: white;}

.header-seperator {display: block; height: 0; border: 0; border-top: 3px solid #00A5C7; margin: 0; padding: 0; }

.slicknav_menu {display:none;}
.slicknav_btn {width: 100%; margin: 0;}
.slicknav_menu .slicknav_icon {float: right;}
.slicknav_menu .slicknav_menutxt {text-transform: uppercase; text-shadow: none;}
.slicknav_nav .slicknav_row {display: inline;}
.slicknav_nav .slicknav_item a {margin-left: 5px;}
.slicknav_nav a {margin: 2px 0;}
.slicknav_nav li.active {font-weight: bold; text-decoration: underline;}

/* SUBHEADER */
.subheader { position: relative;}
.subheader-image {height: 250px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.subheader-image .img-overlay {background: linear-gradient(to bottom, transparent 60%, #000); position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.subheader-title {position: absolute; bottom: 0; left: 10%; right: 10%;}
.subheader-title h1 {display: inline-block; text-transform: capitalize; font-weight: bold; font-size: 59px; color: white; margin: 0; padding: 0; line-height: 55px; margin-bottom: 15px;}
.subheader-title h2 {display: block; text-transform: capitalize; font-weight: normal; font-size: 41px; margin-top: -5px; color: white; line-height: 41px; margin-bottom: 15px;}
.icon-header {width: 38px; height: 38px; background-color: white; border-radius: 50%; padding: 5px; display: inline-block; vertical-align: top; margin: 9px 3px 0 0;}

/* CONTENT  */
.wrapper {min-height: 100%; margin: 0;}
.content {padding: 0; position: relative; width: 80%; margin: 30px 10% 30px 10%; min-height: 100%; font-size: 14px;}
.content img {padding: 5px; border: solid 1px #cdcdcd;}
.content .field .label {color: #000; padding: 0; font-size: inherit;} 

/* CATEGORY */
.main-category-list {}
.main-category {}
.main-category img {float: left; margin-right: 10px;}
.main-category h2 {line-height: 29px; margin: 0; font-size: 30px;}
.category-list {padding: 0 0 0 40px; margin-bottom: 40px; width: 60%;}

/* SPEAKER */
.dropcap-img {display: inline-block; vertical-align: top; width: 100%; margin-right: 20px; position: relative; float: left; overflow: hidden;}
.dropcap-img img {width: 100%; border: solid 1px #f3f3f3; padding: 0;}
.dropcap-img a {position: absolute; bottom: 1px; right: 0; z-index: 10;}
.dropcap-img-large {display: inline-block; vertical-align: top; width: 100%; margin-right: 20px;}
.dropcap-img-large img {width: 100%; padding: 0;}
.related-speakers-slider .speaker {padding-right: 15px;}
.related-speakers-slider .speaker-img img {height: inherit; min-width: 100%;}
.related-speakers-slider .icon-cat {display: inline-block !important;}
.related-speakers-slider .speaker .button {right: 15px;}
.speaker-price {margin-bottom: 12px; color: #717171; line-height: 10px; font-style: italic; font-size: 13px;}
.speaker-price a {text-decoration: underline;}
.speaker .button {position: absolute; bottom: 0; right: 0; z-index: 10;}
.panel-red .panel-heading {background-color: #BD0706; color: white; text-transform: uppercase; border-radius: 0;}
.panel-red .panel-collapse {background-color: #f3f3f3; margin-bottom: 0px;}
.panel-group {margin-bottom: 0;}
.panel-group .panel+.panel {margin: 0;}
.panel {border: 0;}
.cat-icons {margin: 15px 0 10px 0;}
.cat-icons a:hover {text-decoration: none;}
.icon-cat {display: inline-block; width: 30px; height: 30px; background-color: white; border-radius: 50%; padding: 5px; border: 1px solid #dedede; cursor: pointer; margin: 0 5px 5px 0;}
.right-column div:first-child h3 {margin-top: 0;}

/* SPEAKERS */
.speaker-viewer {padding: 0;margin: 20px 0;}
.speaker {position: relative; display: inline-block; margin: 0 15px 17px 0; width: 190px;}
.speaker.last-element {margin-right: 0;}
.speaker-img {height: 255px; overflow: hidden;}
.speaker-img img {height: 100%; border-top: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-left: 1px solid #f3f3f3; border-bottom: none; padding: 0;}
.speaker-info {padding:  10px 10px 40px 10px; text-transform: uppercase; text-align: left; overflow: hidden; background: #f3f3f3; height: 165px;}
.speaker-info span {display: block; font-weight: bold; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.speaker-info ul {padding: 0; margin:0;}
.speaker-info ul li {color: #424242; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.speaker-info ul li a {color: #424242; text-decoration: none; text-transform: uppercase;}
.speaker-info ul li a:hover {color: #424242;}
.speaker-info div { position: absolute; bottom: 35px; left: 10px; margin-top: 10px;}
.speaker-filter {display: inline-block; margin-left: 20px; position: relative; top: 7px;}
.speaker-filter label {float: left; line-height: 25px; margin: 0; padding-right: 10px;}
.speaker-filter form {float: left;}
.speaker-filter select {padding: 2px; margin: 0;}

/* WORKSHOP */
.workshop .workshop-image {border-bottom: none; max-width: 97.6%; min-width: 97.6%;}
.workshop table tr td {padding: 4px 0;}
.workshop-information {display: flex; display: -webkit-flex; flex-direction: column; -webkit-flex-direction: column;}
.workshop .call-to-action {border: solid 1px #ccc; border-top: none; padding: 5px; position: relative; top: -5px; display: flex; display: -webkit-flex; max-width: 97.6%; min-width: 97.6%;}
.workshop .call-to-action .item {flex: 1; -webkit-flex: 1;}
.workshop .call-to-action-button {margin-left: 0; width: 100%;}
.workshop .call-to-action-contact {margin: 0;}
.workshop .call-to-action-contact div {margin-top: 20px; float: left;}
.workshop-item {position: relative; margin-bottom: 20px;}
.workshop-item .description {display: inline-block;}
.workshop-item .description h2 {margin-top: 0;}
.workshop-item .description .icon {display: inline-block; margin: 0 10px 10px 0; float: left;}
.workshop-item .description .icon img {width: 125px;}

/* SEARCH */
ul.search-results {margin: 0;padding: 0;}
li.search-entry {padding: 7px 0 10px 0px !important; list-style-type: none;}
h3.search-entry-title {margin: 0 0 5px 0;}
.search-entry-date {margin: 0 0 10px 0; color: #BCBCBC; font-style: italic; font-size: 11px;}
.search-entry-date {margin-top: 0;}

/* FOOTER */
.footer {position:relative; margin: 0; bottom: 0; background-color: #efefef; padding-top: 20px;}
.footer p {color: #898989; text-transform: uppercase;}
.footer-seperator {display: block; height: 1px; border: 0; border-top: 3px solid #00A5C7; margin: 0 0 2px 0; padding: 0; }
.footer-nav {background-color: black; color: white; padding-top:7px; height: 30px; padding-left: 10%; padding-right: 10%; margin-bottom: 0px;}
.footer-widgets { margin-left: 10%; margin-right: 10%; margin-bottom: 15px;}
.footer-widgets h1 {margin-top: 10px; font-weight: bold; text-transform: uppercase; font-size: 12px;}
.footer-widgets ul {margin: 0; padding: 0;}
.footer-widgets ul>li {color: #898989; list-style-type: none;}
.footer-widgets a {color: #898989; text-transform: uppercase;}
.footer-menu-left ul {padding: 0; margin:0;}
.footer-menu-left ul li {color: white; display: inline; padding-right: 20px;}
.footer-menu-left ul li a {color: white; text-decoration: none; text-transform: uppercase;}
.footer-menu-left ul li a:hover {color: white;}

/* SLICK SLIDER  */
.slick-prev:before, .slick-next:before {color: #000;}

/* ZEBRA DATE PICKER */
.Zebra_DatePicker_Icon_Wrapper {width: 100%;}
.Zebra_DatePicker_Icon_Inside {right: 11px !important; left: initial !important;}

/* WIDGETS */
.column-widget-container {clear: both; margin: 0;}
.column-widget-wrapper {position: relative; margin: 0; background: #fff; padding: 0 5px; display: inline-block;}
.column-widget-item { position: relative; height: 132px; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-size: cover; background-position: center;}
.column-widget-item .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, transparent 20%, #000);}
.column-widget-item-content {position: absolute; z-index: 9999; left: 20px; right: 20px; bottom: 20px; color: #fff;}
.column-widget-item-content .title {margin: 5px 0 0 0; font-size: 20px; line-height: 17px; color: #fff;}
.column-widget-item-content .subtitle {font-size: 11px; font-weight: bold;}
.column-widget-item-content .description {display: none; max-height: 36px; margin: 10px 0 0 0; padding: 0; font-size: 13px; overflow: hidden;}
.column-widget-item-content .description {-webkit-animation: fadein 0.5s; -moz-animation: fadein 0.5s; -ms-animation: fadein 0.5s; -o-animation: fadein 0.5s; animation: fadein 0.5s;}
.column-widget-item:hover .column-widget-item-content .subtitle {display: none;}
.column-widget-item:hover .column-widget-item-content .description {display: block;}
.column-widget-item:hover .overlay {background: linear-gradient(to bottom, transparent 1%, #000);}

/* RESETTERS */
.first {margin-top: 0;}
.no-padding { padding: 0;}
.no-margin {margin: 0;}
.offset-min-5 {position: relative; left: -5px;}

/* FONTS */
@font-face {font-family: 'miloot'; src: url('../fonts/original-miloot.otf'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'miloot'; src: url('../fonts/original-miloot-bold.otf'); font-weight: bold; font-style: bold;}
@font-face {font-family: 'miloot'; src: url('../fonts/original-miloot-ita.otf'); font-weight: italic; font-style: italic;}

/* KEYFRAMES */
@keyframes fadein {from{ opacity: 0; } to{ opacity: 1; }}
@-moz-keyframes fadein {from{ opacity: 0; } to{ opacity: 1; }}
@-webkit-keyframes fadein {from{ opacity: 0; } to{ opacity: 1; }}
@-o-keyframes fadein {from{ opacity: 0; } to{ opacity: 1; }}

/* TABLET */
@media only screen and (max-width: 1130px) {
    
    /* HEADER */
    .header .search-bar {float: none; width: 100%; padding-top: 10px;}

}

/* CUSTOM */
@media only screen and (max-width: 865px) {
    
    /* HEADER */
    .header .main-nav {position: relative; left: 0; top: 0; display: block; padding-top: 10px;}
    .header .search-bar {display: inline-block; padding-top: 10px;}

}

/* PHONES */
@media only screen and (max-width: 435px) {
    
    /* GLOBALS */
    .pagination {margin-top: 0;}
    .label-large {display: block; text-align: left;}
    
    /* HEADER */
    .header {margin-left: 5%; margin-right: 5%;}
    .header .logo {min-width: 100%;}
    .slicknav_menu {display: block;}
    .search-bar {float: none; width: 100%; top: 0; margin: 20px 0 20px 0;}
    
    /* SUBHEADER */
    .subheader {margin-left: 5%; margin-right: 5%;}
    .subheader-title {position: relative; margin: 0; left: 0;}
    .subheader-title h1 {color: #0F4284; font-size: 35px; line-height: 34px; margin-top: 10px; margin-bottom: 0;}
    .subheader-title h2 {color: #0F4284; font-size: 28px; line-height: 28px; margin-top: 20px;}
    
    /* CONTENT */
    .content {margin-left: 5%; margin-right: 5%; width: 90%;}
    .content p img, .content iframe {width: 100% !important; height: initial !important;}
    .call-to-action-button {width: 100%;}
    
    /* MOSAIC */
    .mosaic-container {margin-top: -10px;}
    .mosaic-wrapper {height: 300px;}
    .mosaic-item .mosaic-item-border {border: none;}
    
    /* COLUMNS */
    .speaker-columns-item {margin: 20px 0;}
    .speaker-columns-item img {width: 100% !important; height: initial !important;}
    .column-widget-wrapper {padding: 0;}
    
    /* WORKSHOP */
    .workshop .call-to-action {display: block}
    .workshop .call-to-action .item {display: block}
    .workshop .call-to-action-contact div {margin-top: 0;}
    .workshop .call-to-action-button {margin: 0;}
    
    /* CATEGORY */
    .category-list {width: 100%;}
    
    /* SPEAKER */
    .speaker {width: 100%; margin-right: 0;}
    .speaker-img {height: initial;}
    .speaker-img img {height: initial; min-width: 100%;}
    .speaker-filter {margin-left: 0; margin-top: 10px; width: 100%;}
    .speaker-filter form {width: 100%;}
    .related-speakers-slider .speaker {padding-right: 0;}
    .related-speakers-slider .speaker .button {right: 0;}
    
    /* FOOTER */
    .copyright-footer {display: none;}
    .footer-nav {padding-top: 10px;}
    .footer-menu-left {font-size: 7px;}
    .footer-menu-left ul li {padding-right: 10px;}
    .copyright-footer {display: none;}
    .footer-widgets {margin-left: 5%; margin-right: 5%;}
    
    /* RESETTERS */
    .no-mobile{display: none !important;}
	.no-padding-mobile{padding: 0 !important;}
	.offset-min-5 {position: relative !important; left: 0 !important;}
    
}