@charset "utf-8";
/*
Theme Name: ImageCon 2020
Author: Moonstone Interactive
Author URI: https://www.msinteractive.com/
Description: Custom theme developed for Cloudinary's ImageCon 2020 event
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: imagecon
*/

@keyframes stickynav {
  from {top: -100%;}
  to {top: 0;}
}

html {
  scroll-behavior: smooth;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #313131;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #313131;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #313131;
}
:-moz-placeholder { /* Firefox 18- */
  color: #313131;
}

.btn {
  padding: 15px 50px;
  border-radius: 27px;
  border: none;
  font-size: 20px;
  font-weight: 500;
  transition: all 0.3s ease;
}
.btn:hover {
  transform: translateY(-1px);
}
.btn-gradient {
  position: relative;
  color: #0c0b10;
  background: linear-gradient(270deg, #f3b01b, #f77424, #f3b01b);
  background-size: 150% 150%;
  background-position: 0% 50%;
}
.btn-gradient:hover {
  background-position: 100% 50%;
  color: #0c0b10;
}
.btn-gradient-border {
  position: relative;
  color: #474753;
  background: linear-gradient(270deg, #f3b01b, #f77424, #f3b01b);
  background-size: 150% 150%;
  background-position: 0% 50%;
}
.btn-gradient-border:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background-color: #FFF;
  transition: all 0.3s ease;
  border-radius: 24px;
}
.btn-gradient-border:hover {
  background-position: 100% 50%;
  color: #0c0b10;
}
.btn-gradient-border:hover:after {
  background-color: transparent;
}
.btn-gradient-border > span {
  position: relative;
  z-index: 2;
}

/* general */
#wrapper { position: relative; }
#cloudinary-logo { width: 150px; display: inline-block; }
#imagecon-logo { width: 150px; display: inline-block; }
footer #imagecon-logo { width: 113px; }
.page-template-tmpl-pre-conference #imagecon-logo { padding-top: 12px; }
.page-template-tmpl-pre-conference h1.h2 { margin-bottom: 30px; }


/* header */
#main-header { /*position: absolute; top: 0; left: 0; right: 0; z-index: 100;*/ padding-top: 50px; }
#header-top { position: relative; z-index: 2; }
#header-top .btn { font-size: 14px; line-height: 17px; padding: 11px 30px; }
#header-top .btn:hover { transform: none; }
#header-top .btn, #header-top .imagecon-logo { display: none; }
#main-header.sticky #header-top { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background-color: #FFF; padding: 25px 0; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.05);  animation-name: stickynav; animation-duration: 0.3s; animation-timing-function: ease; }
#main-header.sticky #header-top .row { align-items: center; }
#main-header.sticky #header-top .imagecon-logo { width: 100px; }
#main-header.sticky #header-top #cloudinary-logo { display: none; }
#main-header.sticky #header-top .btn, #main-header.sticky #header-top .imagecon-logo { display: inline-block; }
#header-top .container-fluid { max-width: 1200px; }
#header-bot { position: relative; z-index: 2; color: #081A2D; font-size: 18px;	line-height: 28px; padding-top: 75px; padding-bottom: 65px; }
#main-nav { padding: 0; }
#main-nav .nav .nav-link { color: rgba(8,26,45,0.75); font-size: 12px; padding: .5rem 0; font-weight: 600; text-transform: uppercase; margin-right: 40px; }
#main-nav .nav .btn .nav-link { padding: 0; }
#main-nav .nav .nav-link:hover { color: #F96726; }
#main-nav .nav .btn .nav-link:hover { color: inherit; }
#main-nav .nav .nav-link.active { border-bottom: solid 1px rgba(8,26,45,0.25); pointer-events: none; }

/* footer */
.footer-top { position: relative; padding: 70px 0; background-color: #f2f3f4; font-size: 14px; }
.footer-top .widget { padding: 0 45px; }
.footer-top .d-flex .widget:first-child { padding-left: 0; }
.footer-top .d-flex .widget:last-child { padding-left: 140px; padding-right: 0; }
.footer-top .footer-links { margin: 0 0 20px 0; padding: 0; list-style: none; }
.footer-top .footer-links > li { display: block; margin-bottom: 5px; }
.footer-top .footer-links > li a { color: inherit; font-weight: normal; }
.footer-top .social-links { margin: 0; padding: 0; list-style: none; }
.footer-top .social-links > li { display: inline-block; margin-right: 15px; }
.footer-top .social-links > li a { color: inherit; font-weight: normal; }
.svg-inline--fa.fa-w-10 { width: 0.625em; }
.svg-inline--fa.fa-w-14 { width: 0.875em; }
.svg-inline--fa.fa-w-16 { width: 1em; }
.footer-bot { position: relative; padding: 25px 0; background-color: #e6e8ea; font-size: 12px; }


#hero { min-height: 460px; }
#hero .container { position: relative; z-index: 2; }
#hero .button { padding-top: 15px; }
#hero .background { position: absolute; z-index: 1; top: 0; left: 0; right: 0; overflow: hidden; pointer-events: none; }
#hero .background .inner {  }
#hero .background .inner img { max-width: none; position: relative; left: 50%; transform: translateX(-50%); }

#intro { position: relative; padding: 100px 0; z-index: 2; }
#intro .items > .item { flex: 0 0 30%; font-size: 18px; }
#intro .text { font-size: 22px; padding-bottom: 15px; }

#speakers-feed { position: relative; padding: 0 0 100px 0; }
#speakers-feed.archive { padding: 0; }
#speakers-feed .container-fluid, #speakers-feed .container { /*max-width: 1200px;*/ position: relative; z-index: 2; }
#speakers-feed .items-wrapper { position: relative; background-color: #F2F3F4; padding-bottom: 60px; }
#speakers-feed .items-wrapper:before { content: ""; display: block; z-index: 1; position: absolute; top: 0; left: 0; right: 0; height: 140px; background-color: #FFF; }
#speakers-feed .item { margin-bottom: 30px; color: #081A2D; display: flex; align-items: flex-start; }
#speakers-feed.archive .item { align-items: center; }
#speakers-feed .speaker-wrapper { display: block; width: 100%; text-align: center; font-size: 16px; color: inherit; position: relative; z-index: 2; background-color: #FFF; border: solid 2px #FFF; transition: all 0.5s ease; }
#speakers-feed .speaker-wrapper:hover { border-bottom-color: #F96726; }
#speakers-feed .item .image { overflow: hidden; padding: 25px 25px 0 25px; transition: all 0.5s ease; }
#speakers-feed.archive .item:hover .image { background-color: #F2F3F4; padding: 25px 90px 0 90px; }
#speakers-feed .item .image img { transition: all 0.6s ease; transform-origin: center; width: 100%; }
#speakers-feed:not(.archive) .item:hover .image img { transform: scale(1.05); }
#speakers-feed .item .content { margin-bottom: 2px; padding: 25px; transition: all 0.5s ease; }
#speakers-feed.archive .item:hover .content { background-color: #F2F3F4; }
#speakers-feed .item .title h5 { margin-bottom: 5px; }
#speakers-feed .item .role { font-size: 16px; font-weight: 400; }
#speakers-feed .item .excerpt { font-size: 14px; font-weight: 400; opacity: 0; overflow: hidden; transition: all 0.5s ease 0.15s; }
#speakers-feed.archive .item:hover .excerpt { transform: none; opacity: 1; }
#speakers-feed .item .excerpt .wrapper { padding: 15px 0 0 0; }
#speakers-feed.archive .item:hover .excerpt .btn-gradient-border:after { background-color: #F2F3F4; }
#speakers-feed .item:hover .excerpt .btn-gradient-border:hover:after { background-color: transparent; }
#speakers-feed .item .excerpt .btn-gradient-border { font-size: 18px; padding: 10px 30px; }
#speakers-feed .item .excerpt .btn-gradient-border:hover { transform: none; }
#speakers-feed .item .session-info { font-size: 14px; font-weight: 400; margin-bottom: 2px; opacity: 0; overflow: hidden; transition: all 0.5s ease; }
#speakers-feed.archive .item:hover .session-info { opacity: 1; }
#speakers-feed .item .session-info .wrapper { padding: 25px; }
#speakers-feed .item .session-info .wrapper p:last-child { margin: 0; }

#speakerModal .close { position: absolute; z-index: 1; top: -8px; right: -8px; width: 32px; height: 32px; background-color: #f8f8f8; border-radius: 50%; opacity: 1; text-align: center; line-height: 30px; display: block; cursor: pointer; }
#speakerModal .speaker-role { font-size: 16px; font-style: italic; color: #555; }
#speakerModal .speaker-abstract { font-size: 16px; }

#experience { position: relative; padding: 0 0 100px 0; }
#experience .video { margin-bottom: -70px; }
#experience .items > .item { position: relative; }
#experience .items > .item:nth-child(even) { flex-direction: row-reverse; }
#experience .items > .item:nth-child(even) .text { padding-left: 3%; }
/*
#experience .items > .item:nth-child(odd) .text { padding-left: calc(15px + 5%); }
*/
#experience .items > .item .image { position: relative; }
#experience .items > .item .image:before { content: ""; position: absolute; z-index: 1; width: 136px; height: 136px; background-position: center right; background-size: auto; background-repeat: no-repeat; transform: translate(-50%, -50%); }
#experience .items > .item:nth-child(even) .image:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_yellow_circle.svg'); opacity: 1; mix-blend-mode: multiply; top: 0; left: 15px; }
#experience .items > .item:nth-child(odd) .image:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_circle.svg'); opacity: 1; mix-blend-mode: multiply; top: 70%; left: 100%; height: 68px; background-position: bottom center; background-size: cover; mmargin-left: -17px; }
#experience .items > .item .image-wrapper { max-height: 410px; overflow: hidden; }
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #experience .items > .item:nth-child(even) .image:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_yellow_circle.svg'); }
    #experience .items > .item:nth-child(odd) .image:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_circle.svg'); }
}

.cta-bar { position: relative; padding: 80px 0; }
.cta-bar .wrapper { position: relative; }
.cta-bar .wrapper.aos-animate { transform: none !important; }
.cta-bar .wrapper:before { content: ""; position: absolute; z-index: 1; width: 136px; height: 68px; top: 0; left: 0; background-position: center top; background-size: auto; background-repeat: no-repeat; transform: translate(-50%, -50%); }
#cta-bar-1 .wrapper:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_semicircle.svg'); opacity: 1; mix-blend-mode: multiply; }
#cta-bar-2 .wrapper:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_yellow_semicircle.svg'); opacity: 1; mix-blend-mode: multiply; }
.cta-bar .wrapper-inner { background-color: #FFF; padding: 80px; }
.cta-bar .content .text p:last-child { margin-bottom: 0; }
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #cta-bar-1 .wrapper:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_semicircle.svg'); }
    #cta-bar-2 .wrapper:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_yellow_semicircle.svg'); }
}

#meet-us { position: relative; padding: 100px 0; }
#meet-us:before { content: ""; position: absolute; z-index: 1; width: 67px; height: 136px; top: 100px; right: 0; background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_orange_semicircle.svg'); background-position: center right; background-size: auto; background-repeat: no-repeat; }
#meet-us .container { position: relative; z-index: 2; }
#meet-us .title { margin-bottom: 70px; }
#meet-us .text { padding: 8% 0 0 10%; clear: both; }
#meet-us .text > p:last-child { margin-bottom: 0; }
#meet-us .img-overflow > img { max-width: 120%; float: right; }
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #meet-us:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_orange_semicircle.svg'); }
}

#faqs { position: relative; padding: 100px 0; }
#faqs:before { content: ""; position: absolute; z-index: 1; width: 67px; height: 136px; top: 100px; left: 0; background-image: url('https://cloudinary-res.cloudinary.com/image/upload/f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_circle.svg'); background-position: center right; background-size: auto; background-repeat: no-repeat; }
#faqs .container { position: relative; z-index: 2; }
#faqs .items .closing-text { font-size: 1rem; padding-top: 45px; }
#faqs .items .nav a { color: #081A2D; font-size: 1rem; font-weight: 600; text-transform: uppercase; display: block; padding: 5px 0; margin-bottom: 10px; border-bottom: solid 1px transparent; text-decoration: none !important; }
#faqs .items .nav a.active { border-color: #F86526; }
#faqs .tab-content .card { border-radius: 0; border: none; margin-bottom: 10px; background-color: #F2F3F4; }
#faqs .tab-content .card-header { padding: 0; border: none; background-color: #F2F3F4; }
#faqs .tab-content .btn { padding: 0; display: block; width: 100%; text-align: left; border-radius: 0; padding: .75rem 1.25rem; border-radius: 0; font-weight: 600; outline: 0; box-shadow: none !important; position: relative; font-size: 1rem; }
#faqs .tab-content .btn:hover { transform: none; }
#faqs .tab-content .card-body { font-size: 1rem; padding-top: 0; }
#faqs .tab-content .card-body p:last-child { margin-bottom: 0; }
#faqs .tab-content .btn:after { content: ""; display: block; width: 13px; height: 13px; position: absolute; top: 19px; right: 19px; background-image: url('https://cloudinary-res.cloudinary.com/image/upload/c_scale,f_auto,q_auto,w_13/v1579006805/imagecon_site/2020/Plus_symbol.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; }
#faqs .tab-content .btn[aria-expanded="true"]:after { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/c_scale,f_auto,q_auto,w_13/v1579006805/imagecon_site/2020/Minus_symbol.svg'); }
@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    #faqs:before { background-image: url('https://cloudinary-res.cloudinary.com/image/upload/dpr_2.0,f_auto,q_auto/imagecon_site/2020/imagecon2020_blue_circle.svg'); }
}


#training { position: relative; padding: 0; }
#training .container-fluid { max-width: 1200px; position: relative; z-index: 2; }
#training .items-wrapper { position: relative; background-color: #F2F3F4; padding-bottom: 100px; }
#training .items-wrapper:before { content: ""; display: block; z-index: 1; position: absolute; top: 0; left: 0; right: 0; height: 80px; background-color: #FFF; }
#training .item { margin-bottom: 40px; padding-bottom: 80px; }
#training .item .image { margin-bottom: 25px; }
#training .item .text { font-size: 14px; }
#training .item .button { text-align: center; position: absolute; bottom: 0; left: 0; right: 0; }
#training .item .button .btn-gradient-border:after { background-color: #F2F3F4; }
#training .item .button .btn-gradient-border:hover:after { background-color: transparent; }




.speaker-image { opacity: 0; transition: all 0.5s ease; }

.default-template { padding-bottom: 100px; }

.mktoForm, .mktoHasWidth { width: 100% !important; }
.mktoForm .mktoFormCol, .mktoForm .mktoFieldWrap { float: none !important; }
.mktoForm .mktoFieldWrap span[style="font-family: arial, helvetica, sans-serif; font-size: 24px;"], .mktoForm .mktoFieldWrap span[style="font-weight: 400; font-family: arial, helvetica, sans-serif; font-size: 24px;"], .mktoForm .mktoFieldWrap span[style="font-size: 24px; font-family: arial, helvetica, sans-serif;"] { font-size: 18px !important; }
#collapse-4 p { margin: 0; }
#collapse-4 p br { display: none; }