/******************************************************************************** --- CSS BASE --- *********************************************************************************/ html{font-size:16px; -ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,body{box-sizing:border-box;height:100%}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;background:#f6eedb url(../images/template/body-bg.png) repeat;font-family:'Montserrat',sans-serif;font-size:1.000rem; font-weight: 400;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.500rem}sub{bottom:-.25rem}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1.000rem}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 0.111rem;padding:0.278rem 0.556rem 0.667rem}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}a:hover,a:active,a:focus{outline:none}a img{border:none}input,textarea,button,select,a{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}address{margin:0.667rem 0;font-style:normal} /*Reduce Root Element (html) Sizing For REMs*/ @media print, screen and (max-width: 1199px){html{font-size:15px}}@media print, screen and (max-width: 1023px){html{font-size:14px}}@media print, screen and (max-width: 800px){html{font-size:13px}}@media print, screen and (max-width: 375px){html{font-size:12px}} /******************************************************************************** --- Fonts --- *********************************************************************************/ @font-face{font-family:'Sheila';src:url(fonts/sheila-webfont.woff2) format("woff2"),url(fonts/sheila-webfont.woff) format("woff");font-weight:400;font-style:normal} @font-face{font-family:'Worship';src:url(fonts/Worship.woff2) format("woff2"),url(fonts/Worship.woff) format("woff");font-weight:400;font-style:normal} @font-face{font-family:'CartaMarina';src:url(fonts/cartamarina-webfont.woff2) format("woff2"),url(fonts/cartamarina-webfont.woff) format("woff");font-weight:400;font-style:normal} /* font-family: 'Montserrat',sans-serif; font-family: 'Sheila',sans-serif; font-family: 'Worship',sans-serif; font-family: 'CartaMarina',sans-serif; */ /******************************************************************************** --- Template - Header --- *********************************************************************************/ .header {z-index:9999;} /*-----------Drawer Scrollbars-----------*/ .drawer::-webkit-scrollbar {width: 0 !important;} .drawer::-webkit-scrollbar-track {background:none;} .drawer::-webkit-scrollbar-thumb {background:none;} .drawer::-webkit-scrollbar-thumb:window-inactive {} .no-touchevents .drawer::-webkit-scrollbar {width:8px!important;} .no-touchevents .drawer::-webkit-scrollbar-track {background:#a7a7a7;} .no-touchevents .drawer::-webkit-scrollbar-thumb {background:blue;} /*-----------Site Search-----------*/ .site-search__row input[type="text"] {margin:0; border: none; width: 100%; box-shadow: none; border-radius: 0;} .site-search__row input[type="text"]:focus {box-shadow: none; border: none;} .site-search__row input[type="text"]::-webkit-input-placeholder {color: rgba(255,255,255,0.60);} .site-search__row input[type="text"]::-moz-placeholder { color: rgba(255,255,255,0.60);} .site-search__row input[type="text"]:-ms-input-placeholder { color: rgba(255,255,255,0.60);} .site-search__row input[type="text"]:-moz-placeholder {color: rgba(255,255,255,0.60);} @media print, screen and (min-width: 801px) { /*-----------Hidden Mobile Elements-----------*/ .content-overlay, .drawer-toggle {display:none;} /*-----------Header-----------*/ .header {padding: 0 0.9375rem; position: relative;} .header-container {height: 120px; position:relative; width: 100%; max-width: 1440px; margin: 0 auto;} .logo {display:block; width: 275px; margin-left: -137.5px; position:absolute; top:15px; left:50%; text-align:center; z-index:1; transition: opacity 250ms ease;} .logo:hover {opacity: 0.65;} .logo img {display:block;} /*-----------Header - Menu-----------*/ .menu {font-size:13px; position:absolute; bottom:-1em; left:0; width:100%; text-align: center;} .menu ul {list-style: none; margin: 0; padding: 0;} .menu li {position:relative;} .menu li, .menu a {display: block;} /*-----------Menu - First Level-----------*/ .menu > ul {} .menu > ul > li {display: inline-block; margin: 0 0.625em; } .menu > ul > li > a:after {content: ""; display: block; width: 100%; height: 2px; background: rgba(255,255,255,0); -webkit-transform: translate3d(0px, 3px, 0px); transform: translate3d(0px, 3px, 0px); -webkit-transition: all 250ms ease; transition: all 250ms ease;} .menu > ul > li > a {z-index: 1; color: #fff; text-transform: uppercase; font-size: 0.938em; position: relative; height:2.500em; line-height:2.500em; transition:color 250ms ease;} .menu > ul > li > a:hover, .menu > ul > li:hover > a, .menu > ul > li.selected > a {color: rgba(255,255,255,0.75)} .menu > ul > li > a:hover:after, .menu > ul > li:hover > a:after, .menu > ul > li.selected > a:after {-webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); background: rgba(255,255,255,0.55)} /*-----------Menu - Dropdown-----------*/ .menu ul ul {line-height:normal; position: absolute; left: -9999px; z-index: 1; top:auto; width: 225px; background:rgba(109, 18, 79,0.60); transition: opacity .25s ease; opacity: 0;} .menu ul ul li {text-align: left;} .menu ul ul a {padding:0.667em 1.250em; font-size: 0.875em; text-transform: uppercase; color: #fff; transition: background 250ms ease;} .menu ul ul a:hover, .menu ul ul li.drop-open > a, .menu ul ul li.selected > a {background: #6d124f;} .no-touchevents .menu > ul > li.drop-open > ul, .touchevents .menu > ul > li:hover > ul { left: auto; opacity: 1;} .no-touchevents .menu > ul > li.drop-right.drop-open ul, .touchevents .menu > ul > li.drop-right:hover ul {right:0;} /*-----------Menu - Second Level Dropdown-----------*/ .no-touchevents .menu > ul > li ul li.drop-open ul, .touchevents .menu > ul > li ul li:hover ul {opacity: 1; left: 225px; top:0;} .no-touchevents .menu > ul > li.drop-right ul li.drop-open ul , .touchevents .menu > ul > li.drop-right ul li:hover ul {left:inherit; right:225px;} /*-----------Site Search-----------*/ .site-search, .site-search__inner, .site-search__form, .site-search__row, .site-search__row input[type="text"] {height: 100%;} .site-search {visibility: hidden; position: absolute; top: 10px; left: 0; width: 100%; z-index: 1; -webkit-perspective: 800px; perspective: 800px;} .site-search.active {visibility: visible} .site-search__inner {-webkit-transform-style: preserve-3d; transform-style: preserve-3d;} .site-search__form {background:rgba(109, 18, 79,0.92); padding:25px 30px 30px 30px; transition: all 250ms ease; opacity: 0; -webkit-transform-origin: 0px 0px; transform-origin: 0px 0px; -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-backface-visibility: hidden; backface-visibility: hidden;} .site-search.active .site-search__form {opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg);} .site-search__row {position: relative; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.10); } .site-search__row input[type="text"] {font-size: 36px; padding: 0; background: transparent; color: #fff; padding-right:36px;} .site-search__row input[type="text"]:focus {box-shadow: none; border: none;} .site-search__row input[type="text"]::-webkit-input-placeholder {color: rgba(255,255,255,0.60);} .site-search__row input[type="text"]::-moz-placeholder { color: rgba(255,255,255,0.60);} .site-search__row input[type="text"]:-ms-input-placeholder { color: rgba(255,255,255,0.60);} .site-search__row input[type="text"]:-moz-placeholder {color: rgba(255,255,255,0.60);} .site-search__row button {font-size:1.250em; position:absolute; top:50%; right:0; margin-top: -25px; width:40px; height:40px; line-height:40px; color:#fff; transition: color 250ms ease;} .site-search__row button:hover {color: rgba(255,255,255,0.60)} .site-search__close {position: absolute; top: 0; right: 0; border: none; background: none; color: #fff; width: 26px; height: 26px; line-height: 26px; text-align: center;background: #ef9533; transition: background 250ms ease; outline: none;} .site-search__close:hover {background: #ffa23c;} .search-toggle {font-size: normal;} } @media print, screen and (min-width: 960px) { .header-container {height: 130px;} .menu {font-size: 15px;} } @media print, screen and (min-width: 1024px) { .menu {font-size: 16px;} } @media print, screen and (min-width: 1440px) { .logo {top: 20px; width: auto; margin-left: -150px;} .menu {top: 130px} .menu > ul > li {margin: 0 1.000em;} } @media print, screen and (max-width: 800px) { /*-----------Header-----------*/ .header {position:fixed; top:0; left:0; width:100%; height:50px; line-height:50px; background:rgba(109,18,79,1); box-shadow: 0 2px 0 rgba(0,0,0,0.12);} /*-----------Header - Logo-----------*/ .logo { display:block; width:100%; height:50px; line-height:50px; padding:0 15px 0 60px;} .logo img {width:100%; max-width:105px; display:inline-block; vertical-align:middle;} /*-----------Drawer Toggle-----------*/ .drawer-toggle { position: absolute; top: 0; left: 0; width:60px; height:50px; text-align:center; display:block; margin:0; padding:0;} .drawer-toggle span {position:absolute; display:block; width:26px; height:2px; background:rgba(255,255,255,0.85); top:50%; margin-top:-1px; left:50%; margin-left:-13px;} .drawer-toggle span::before, .drawer-toggle span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; } .drawer-toggle span::before {top: -8px;} .drawer-toggle span::after {bottom: -8px;} /*-----------Drawer-----------*/ .drawer {font-size:16px; position: fixed; z-index:1001; top: 0; left: -300px; height: 100%; width: 300px; background: #6d124f; overflow-x: hidden; overflow-y: auto; box-shadow: 2px 0px 1px 0px rgba(50, 50, 50, 0.10); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition:-webkit-transform 150ms ease-in-out; transition:transform 150ms ease-in-out} /*-----------Main Menu-----------*/ .menu ul { padding: 0; margin: 0; list-style: none;} .menu li {line-height:1.2;} .menu li, .menu a {display: block;} .menu a {border-bottom:1px solid rgba(255,255,255,0.15); -webkit-transition: all 150ms ease; transition: all 150ms ease;} .menu ul li a {padding:0.833em 0.667em; color: #fff; font-size:0.938em; text-transform: uppercase; position: relative;} .menu > ul > li.active > a, .menu > ul > li.selected > a {background:rgba(0,0,0,0.25); color:#fff; } .menu .menu-arrow {position: absolute; top: 0; right: 0; display: block; width: 2.778em; text-align: center; height: 100%; z-index: 1; } .menu .menu-arrow:after { content: "\e6c5"; font-family: 'CD-Project-Icons'; font-size:1.444em; line-height:1; position: absolute; top: 50%; left: 50%; margin: -0.500em 0 0 -0.500em; font-style: normal; -webkit-transition: all 150ms ease; transition: all 150ms ease;} .menu li.active > a .menu-arrow:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); color:#fff; } .menu li.active > ul { display: block;} .menu ul ul { background:rgba(0,0,0,0.12); display:none;} .menu > ul > li > ul > li.active > a {background:rgba(0,0,0,0.20); color:#fff;} .menu ul ul li a { font-size: 0.875em; padding-left: 1.765em;} .menu ul ul ul li a {padding-left: 3.000em;} /*-----------Pull Out Menu Content Overlay-----------*/ .content-overlay {visibility: hidden; height: 0; width: 0; background: rgba(247,240,223,0); position: absolute; top: 0; -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; z-index:1000;} /*-----------Pull Out Menu Open-----------*/ .root {position: relative; height: 100%;} .root.menu_open {overflow:hidden;} .root.menu_open .drawer {-webkit-transform: translate3d(300px, 0, 0); transform: translate3d(300px, 0, 0);} .root.menu_open .content-overlay { visibility: visible; height: 100%; width: 100%; position:fixed; top:0; left:0; right:0; background: rgba(247,240,223,0.85); overflow:hidden;} .root.menu_open .content-overlay span {position:absolute; top:0.577em; right:0.577em; font-size:1.625rem; color:#fff;} /*-----------Header - Search-----------*/ .menu li.search-toggle, .site-search__close {display: none;} .site-search {position: relative;} .site-search__row input[type="text"] {font-size: 1.000em; color: #fff; height: 3.000em; padding: 0.875em; background: rgba(0,0,0,0.20); transition: background 250ms ease;} .site-search__row input[type="text"]:focus {background: rgba(0,0,0,0.30)} .site-search__row button {font-size:1.000em; position:absolute; top:0; right:0; width:3.000em; height:3.000em; line-height:3.000em; color:rgba(255,255,255,0.85); transition: color 250ms ease;} .site-search__row button:hover {color: rgba(255,255,255,0.60)} } @media print, screen and (max-width: 375px) { /* Menu */ .menu {font-size: 15px;} .drawer {width:280px; left:-280px;} .root.menu_open .drawer {-webkit-transform: translate3d(280px, 0, 0); transform: translate3d(280px, 0, 0);} } @media print, screen and (max-width: 320px) { /* Menu */ .menu {font-size: 14px;} .drawer {width:260px; left:-260px;} .root.menu_open .drawer {-webkit-transform: translate3d(260px, 0, 0); transform: translate3d(260px, 0, 0);} } /******************************************************************************** --- Template Layout --- *********************************************************************************/ .page-body {margin-top:3.000rem; margin-bottom: 3.000rem;} .page-two-col::before,.page-two-col::after{display:table;content:' '}.page-two-col::after{clear:both} .page-two-col__left {float: left; width:60.30271965265633%;} .page-two-col__right {float: right; width: 34%;} @media print, screen and (max-width: 959px) { .page-body {margin-top:4.000rem; margin-bottom: 4.000rem;} } @media print, screen and (max-width: 800px) { .wrapper { padding-top: 50px; } .page-two-col__left, .page-two-col__right {float: none; width: 100%;} .page-two-col__left {margin-bottom: 3.000em;} } @media print, screen and (max-width: 479px) { .page-body {margin-top:3.000rem; margin-bottom: 3.000rem;} } /******************************************************************************** --- Home - Hero --- *********************************************************************************/ .hero-slider {position: relative; background:#6d124f; overflow:hidden; margin-top: -130px} .hero-slide {font-size: 16px} .hero-slide-bg {width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat;} .hero-slide-bg:after, .hero-slide-video:after {content:""; display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.20);} .is-not-mobile .hero-slider.slick-slider .slick-track, .is-not-mobile .hero-slider.slick-slider .slick-list { -webkit-transform:translate(0,0); -moz-transform:translate(0,0); -ms-transform: translate(0,0); -o-transform:translate(0,0); transform:translate(0,0)} .hero-slide-video {position:relative; width:100%;} .hero-slide-video, .hero-slide-bg {height:850px;} /*.is-not-mobile .hero-slide-bg {background-attachment: fixed;}*/ .hero-root {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; text-align: center;} .hero-container {width: 100%; height: 100%; max-width: 960px; margin: 0 auto;} .hero-centered {position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .hero-content {font-size: 16px;} .hero-content__overlay {margin:0 auto 2.000em; display: block; max-width: 53.875em;} .hero-content__title {font-size: 5.313em; display: block; font-family: 'Worship',sans-serif; line-height: 1.2; color: #fff; } .audio-controls {position:absolute; bottom:3.750em; right: 3.750em; z-index:10; color: #fff;} .audio-controls button {color: rgba(255,255,255,1); transition: color 250ms ease;} .audio-controls button:hover {color: rgba(255,255,255,0.65)} .audio-icon {margin-right: 0.313em;} .audio-icon:before {content: "\e972"; font-family: 'CD-Project-Icons';} .audio-controls__volume--active .audio-icon:before {content: "\e973";} .play-icon:before {content: "\e6f7"; font-family: 'CD-Project-Icons';} .audio-controls__play--active .play-icon:before {content: "\e6f6";} .is-mobile .audio-controls {display:none;} .hero-slider .slick-arrow {background:none; position:absolute; width:2.750em; height:3.750em; line-height:3.750em; top:50%; margin-top:-1.875em; outline:none; color:rgba(255,255,255,0.55); transition:all 250ms ease; text-align:center; border:none; z-index:10000;} .hero-slider .slick-arrow:before {font-family: 'CD-Project-Icons'; font-size:2.250em; line-height:1;} .hero-slider .slick-arrow:hover {color:rgba(255,255,255,0.75); } .hero-slider .slick-arrow:active {color:rgba(255,255,255,1);} .hero-slider .slick-next{right:1.250em;} .hero-slider .slick-next:before {content:"\e6c1"; position:relative; left:-1px; top:1px;} .hero-slider .slick-prev {left:1.250em;} .hero-slider .slick-prev:before {content:"\e6c0"; position:relative; left:-1px; top:1px;} @media print, screen and (max-width: 1599px) { .hero-slide-video, .hero-slide-bg {height:800px;} .hero-content {font-size: 15px} } @media print, screen and (max-width: 1439px) { .hero-slide-video, .hero-slide-bg {height:750px;} .hero-content {font-size: 14px} } @media print, screen and (max-width: 1365px) { .hero-slide-video, .hero-slide-bg {height:700px;} .hero-content {font-size: 13px} } @media print, screen and (max-width: 1199px) { .hero-slide-video, .hero-slide-bg {height:650px;} .hero-content {font-size: 12px} } @media print, screen and (max-width: 1023px) { .hero-content {font-size: 11px} .audio-controls {display: none;} } @media print, screen and (max-width: 959px) { .hero-slider {margin-top: -120px;} .hero-slide-video, .hero-slide-bg {height:600px;} .hero-content {font-size: 10px} } @media print, screen and (max-width: 800px) { .hero-slider {margin-top:0;} .hero-slide-video, .hero-slide-bg {height:450px;} .hero-centered {top: 40%; -webkit-transform: translateY(-40%); transform: translateY(-40%);} .hero-content {font-size: 9px} .hero-slider .slick-arrow {display:none!important;} } @media print, screen and (max-width: 639px) { .hero-slide-video, .hero-slide-bg {height:400px;} .hero-content {font-size: 8px} } @media print, screen and (max-width: 479px) { .hero-slide-video, .hero-slide-bg {height:350px;} .hero-content {font-size: 7px} } @media print, screen and (max-width: 375px) { .hero-slide-video, .hero-slide-bg {height:300px;} .hero-content {font-size: 6px} } @media print, screen and (max-width: 320px) { .hero-slide-video, .hero-slide-bg {height:280px;} .hero-content {font-size: 5px} } /******************************************************************************** --- Slick Carousel --- *********************************************************************************/ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-slider, .slick-slider * {outline:none;} .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /******************************************************************************** --- Hero Callout --- *********************************************************************************/ .hero-callout {font-size: 16px; position: absolute; bottom: 2.500em; left: 0; padding-left: 13.750em; background: rgba(252,152,43,0.60); height: 4.375em; overflow: hidden;} .hero-callout__left {width: 13.750em; height: 100%; position: absolute; top: 0; left: 0;} .hero-callout__label {font-size: 2.000em; font-family: 'Worship',sans-serif; display: block; float:left; width:5.281em; line-height: 2.500em; text-align: center; color: #fff;} .hero__callout-close {width: 3.125em; height: 100%; display: block; float: left; background: #ef9533; border: none; padding: 0; margin: 0; color: #fff; outline: none;} .hero__callout-close-icon {font-size: 2.000em;} .hero__callout-close-icon:before {content: "\e6d5"; font-family: 'CD-Project-Icons';} .hero-callout__right {position: relative; color: #fff; padding:1.000em 11.563em 1.000em 1.500em; } .hero-callout__right:before {content: ""; display: block; width: 1px; height: 1.875em; position: absolute; top: 50%; left: 0; background: rgba(255,255,255,0.45); margin-top: -0.9375em;} .hero-callout__subtitle, .hero-callout__title {display: block; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hero-callout__subtitle {font-size: 0.938em; text-transform: uppercase;} .hero-callout__title {font-size: 1.125em; font-weight: 400;} .hero-callout__right .button {font-size: 0.875em; position: absolute; top: 0; right: 0; height: 5.000em; line-height: 5.000em; margin: 0; padding: 0; width: 12.857em; background-color: transparent;} .hero-callout__right .button:hover {background-color: #ef9533} .hero-callout {transition: width 250ms ease, padding 250ms ease;} .hero-callout.hero-callout--close {width: 3.125em; padding-left:3.125em;} .hero-callout__label, .hero-callout__right {transition: opacity 250ms ease} .hero-callout.hero-callout--close .hero-callout__label, .hero-callout.hero-callout--close .hero-callout__right {opacity: 0;} .hero-callout.hero-callout--close .hero__callout-close-icon:before {content: "\e6ba";} @media print, screen and (max-width: 1199px) { .hero-callout {font-size: 15px;} } @media print, screen and (max-width: 1023px) { .hero-callout {font-size: 14px;} } @media print, screen and (max-width: 959px) { .hero-callout {font-size: 13px;} } @media print, screen and (max-width: 800px) { .hero-callout {font-size: 15px; bottom: 0;} .hero-callout, .hero-callout__right {width: 100%;} } @media print, screen and (max-width: 639px) { .hero-callout {font-size: 12px;} } @media print, screen and (max-width: 520px) { .hero-callout {font-size: 13px; height:5.000em} .hero-callout__right {padding: 0.615em 1.875em;} .hero-callout__right .button {position: relative; top: inherit; right: inherit; height: auto; line-height: inherit; width: auto; display: inline-block;} .hero-callout__right .button:before, .hero-callout__right .button:after {display: none;} } @media print, screen and (max-width: 479px) { .hero-callout {font-size: 12px;} } @media print, screen and (max-width: 375px) { .hero-callout {font-size: 11px;} } /******************************************************************************** --- Inner Hero --- *********************************************************************************/ .inner-hero {font-size: 16px; position: relative; margin-top: -130px;} .inner-hero__image {position: relative; height:28.750em; background: #6d124f;} .inner-hero__bg, .inner-hero__bg:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .inner-hero__bg {background-position: center center; background-repeat: no-repeat; background-size: cover;} .inner-hero__bg:before {content: ""; display: block; background-color: rgba(51, 51, 51,0.30)} .inner-hero__body {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; text-align: center; padding-top: 100px;} .inner-hero__body-container {width: 100%; height: 100%; max-width: 960px; margin: 0 auto;} .inner-hero__body-centered {position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .inner-hero__title {font-size: 6.250em; display: block; font-family: 'Worship',sans-serif; line-height: 1; color: #fff; margin: 0;} @media print, screen and (max-width: 1199px) { .inner-hero {font-size: 15px;} } @media print, screen and (max-width: 959px) { .inner-hero {font-size: 13px;} } @media print, screen and (max-width: 800px) { .inner-hero {font-size: 10px; margin-top: 0;} .inner-hero__body {padding-top: 0;} } @media print, screen and (max-width: 639px) { .inner-hero {font-size: 9px;} } @media print, screen and (max-width: 479px) { .inner-hero {font-size: 7px;} } @media print, screen and (max-width: 375px) { .inner-hero {font-size: 6px;} } /******************************************************************************** --- Sub Nav --- *********************************************************************************/ .sub-nav {font-size: 16px; text-align: center; padding-right:0.625em; padding-left: 0.625em;} .sub-nav ul {list-style: none; margin: 0; padding: 0;} .sub-nav li {display: inline-block; margin: 0 1.250em;} .sub-nav a {font-size: 0.938em; color: rgba(255,255,255,1);} .sub-nav a:hover {color: rgba(255,255,255,0.65);} .sub-nav li.selected a {font-weight: 400;} @media print, screen and (max-width: 1365px) { .sub-nav {font-size: 15px;} .sub-nav li {margin-right:1.125em; margin-left: 1.125em} } @media print, screen and (max-width: 1199px) { .sub-nav {font-size: 14px;} } @media print, screen and (max-width: 959px) { .sub-nav {font-size: 13px;} .sub-nav li {margin-right:0.875em;; margin-left: 0.875em;} } @media print, screen and (max-width: 859px) { .sub-nav {font-size: 12px;} } @media print, screen and (max-width: 800px) { .sub-nav {font-size: 11px; margin-top: 0;} .sub-nav li {margin-right:0.500em; margin-left: 0.500em} } @media print, screen and (min-width: 740px) { .sub-nav {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height:3.750em; background-color: rgba(109, 18, 79,0.70); } .sub-nav li {height: 3.750em; line-height: 3.750em;} } @media print, screen and (max-width: 739px) { .sub-nav {background-color: rgba(109, 18, 79,1); padding-top: 1.000em; padding-bottom: 1.000em;} .sub-nav li {margin-bottom: 0.500em;} } @media print, screen and (max-width: 375px) { .sub-nav {font-size: 10px;} } /******************************************************************************** --- Hero Back Link --- *********************************************************************************/ .inner-hero__back-link {position: absolute; z-index: 1; bottom: 0; left: 0; width: 100%; height:3.750em; line-height: 3.750em; text-align: center; background-color: rgba(109, 18, 79,0.70);} .inner-hero__back-link a {color: rgba(255,255,255,1);} .inner-hero__back-link a:hover {color: rgba(255,255,255,0.65);} .inner-hero__back-link a:before {content: ""; display: inline-block; background-image: url(../images/template/arrow-left-white.png); background-repeat: no-repeat; background-size: 100% auto; width: 2.533em; height: 0.800em; margin-right: 0.333em; transition:opacity 250ms ease;} .inner-hero__back-link a:hover:before {opacity: 0.65;} @media print, screen and (max-width: 639px) { .inner-hero__back-link {font-size: 10px;} } @media print, screen and (max-width: 479px) { .inner-hero__back-link {font-size: 9px;} } @media print, screen and (max-width: 375px) { .inner-hero__back-link {font-size: 8px;} } /******************************************************************************** --- Grid --- *********************************************************************************/ /* Base Grid Classes */ .row{max-width:1230px;margin-right:auto;margin-left:auto}.row::before,.row::after{display:table;content:' '}.row::after{clear:both}.row.collapse > .column,.row.collapse > .columns{padding-right:0;padding-left:0}.row .row{margin-right:-.9375rem;margin-left:-.9375rem}.row .row.collapse{margin-right:0;margin-left:0}.row.expanded{max-width:none}.row.expanded .row{margin-right:auto;margin-left:auto}.column,.columns{width:100%;float:left;padding-right:.9375rem;padding-left:.9375rem}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0}.row-site {width: 96%} /* .xsmall- Grid */ .xsmall-1{width:8.33333%}.xsmall-push-1{position:relative;left:8.33333%}.xsmall-pull-1{position:relative;left:-8.33333%}.xsmall-offset-0{margin-left:0}.xsmall-2{width:16.66667%}.xsmall-push-2{position:relative;left:16.66667%}.xsmall-pull-2{position:relative;left:-16.66667%}.xsmall-offset-1{margin-left:8.33333%}.xsmall-3{width:25%}.xsmall-push-3{position:relative;left:25%}.xsmall-pull-3{position:relative;left:-25%}.xsmall-offset-2{margin-left:16.66667%}.xsmall-4{width:33.33333%}.xsmall-push-4{position:relative;left:33.33333%}.xsmall-pull-4{position:relative;left:-33.33333%}.xsmall-offset-3{margin-left:25%}.xsmall-5{width:41.66667%}.xsmall-push-5{position:relative;left:41.66667%}.xsmall-pull-5{position:relative;left:-41.66667%}.xsmall-offset-4{margin-left:33.33333%}.xsmall-6{width:50%}.xsmall-push-6{position:relative;left:50%}.xsmall-pull-6{position:relative;left:-50%}.xsmall-offset-5{margin-left:41.66667%}.xsmall-7{width:58.33333%}.xsmall-push-7{position:relative;left:58.33333%}.xsmall-pull-7{position:relative;left:-58.33333%}.xsmall-offset-6{margin-left:50%}.xsmall-8{width:66.66667%}.xsmall-push-8{position:relative;left:66.66667%}.xsmall-pull-8{position:relative;left:-66.66667%}.xsmall-offset-7{margin-left:58.33333%}.xsmall-9{width:75%}.xsmall-push-9{position:relative;left:75%}.xsmall-pull-9{position:relative;left:-75%}.xsmall-offset-8{margin-left:66.66667%}.xsmall-10{width:83.33333%}.xsmall-push-10{position:relative;left:83.33333%}.xsmall-pull-10{position:relative;left:-83.33333%}.xsmall-offset-9{margin-left:75%}.xsmall-11{width:91.66667%}.xsmall-push-11{position:relative;left:91.66667%}.xsmall-pull-11{position:relative;left:-91.66667%}.xsmall-offset-10{margin-left:83.33333%}.xsmall-12{width:100%}.xsmall-offset-11{margin-left:91.66667%}.xsmall-up-1 > .column,.xsmall-up-1 > .columns{float:left;width:100%}.xsmall-up-1 > .column:nth-of-type(1n),.xsmall-up-1 > .columns:nth-of-type(1n){clear:none}.xsmall-up-1 > .column:nth-of-type(1n+1),.xsmall-up-1 > .columns:nth-of-type(1n+1){clear:both}.xsmall-up-1 > .column:last-child,.xsmall-up-1 > .columns:last-child{float:left}.xsmall-up-2 > .column,.xsmall-up-2 > .columns{float:left;width:50%}.xsmall-up-2 > .column:nth-of-type(1n),.xsmall-up-2 > .columns:nth-of-type(1n){clear:none}.xsmall-up-2 > .column:nth-of-type(2n+1),.xsmall-up-2 > .columns:nth-of-type(2n+1){clear:both}.xsmall-up-2 > .column:last-child,.xsmall-up-2 > .columns:last-child{float:left}.xsmall-up-3 > .column,.xsmall-up-3 > .columns{float:left;width:33.33333%}.xsmall-up-3 > .column:nth-of-type(1n),.xsmall-up-3 > .columns:nth-of-type(1n){clear:none}.xsmall-up-3 > .column:nth-of-type(3n+1),.xsmall-up-3 > .columns:nth-of-type(3n+1){clear:both}.xsmall-up-3 > .column:last-child,.xsmall-up-3 > .columns:last-child{float:left}.xsmall-up-4 > .column,.xsmall-up-4 > .columns{float:left;width:25%}.xsmall-up-4 > .column:nth-of-type(1n),.xsmall-up-4 > .columns:nth-of-type(1n){clear:none}.xsmall-up-4 > .column:nth-of-type(4n+1),.xsmall-up-4 > .columns:nth-of-type(4n+1){clear:both}.xsmall-up-4 > .column:last-child,.xsmall-up-4 > .columns:last-child{float:left}.xsmall-up-5 > .column,.xsmall-up-5 > .columns{float:left;width:20%}.xsmall-up-5 > .column:nth-of-type(1n),.xsmall-up-5 > .columns:nth-of-type(1n){clear:none}.xsmall-up-5 > .column:nth-of-type(5n+1),.xsmall-up-5 > .columns:nth-of-type(5n+1){clear:both}.xsmall-up-5 > .column:last-child,.xsmall-up-5 > .columns:last-child{float:left}.xsmall-up-6 > .column,.xsmall-up-6 > .columns{float:left;width:16.66667%}.xsmall-up-6 > .column:nth-of-type(1n),.xsmall-up-6 > .columns:nth-of-type(1n){clear:none}.xsmall-up-6 > .column:nth-of-type(6n+1),.xsmall-up-6 > .columns:nth-of-type(6n+1){clear:both}.xsmall-up-6 > .column:last-child,.xsmall-up-6 > .columns:last-child{float:left}.xsmall-up-7 > .column,.xsmall-up-7 > .columns{float:left;width:14.28571%}.xsmall-up-7 > .column:nth-of-type(1n),.xsmall-up-7 > .columns:nth-of-type(1n){clear:none}.xsmall-up-7 > .column:nth-of-type(7n+1),.xsmall-up-7 > .columns:nth-of-type(7n+1){clear:both}.xsmall-up-7 > .column:last-child,.xsmall-up-7 > .columns:last-child{float:left}.xsmall-up-8 > .column,.xsmall-up-8 > .columns{float:left;width:12.5%}.xsmall-up-8 > .column:nth-of-type(1n),.xsmall-up-8 > .columns:nth-of-type(1n){clear:none}.xsmall-up-8 > .column:nth-of-type(8n+1),.xsmall-up-8 > .columns:nth-of-type(8n+1){clear:both}.xsmall-up-8 > .column:last-child,.xsmall-up-8 > .columns:last-child{float:left}.xsmall-collapse > .column,.xsmall-collapse > .columns{padding-right:0;padding-left:0}.xsmall-collapse .row{margin-right:0;margin-left:0}.expanded.row .xsmall-collapse.row{margin-right:0;margin-left:0}.xsmall-uncollapse > .column,.xsmall-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.xsmall-centered{margin-right:auto;margin-left:auto}.xsmall-centered,.xsmall-centered:last-child:not(:first-child){float:none;clear:both}.xsmall-uncentered,.xsmall-push-0,.xsmall-pull-0{position:static;float:left;margin-right:0;margin-left:0} /* .small- Grid */ @media print, screen and (min-width: 480px) { .small-1{width:8.33333%}.small-push-1{position:relative;left:8.33333%}.small-pull-1{position:relative;left:-8.33333%}.small-offset-0{margin-left:0}.small-2{width:16.66667%}.small-push-2{position:relative;left:16.66667%}.small-pull-2{position:relative;left:-16.66667%}.small-offset-1{margin-left:8.33333%}.small-3{width:25%}.small-push-3{position:relative;left:25%}.small-pull-3{position:relative;left:-25%}.small-offset-2{margin-left:16.66667%}.small-4{width:33.33333%}.small-push-4{position:relative;left:33.33333%}.small-pull-4{position:relative;left:-33.33333%}.small-offset-3{margin-left:25%}.small-5{width:41.66667%}.small-push-5{position:relative;left:41.66667%}.small-pull-5{position:relative;left:-41.66667%}.small-offset-4{margin-left:33.33333%}.small-6{width:50%}.small-push-6{position:relative;left:50%}.small-pull-6{position:relative;left:-50%}.small-offset-5{margin-left:41.66667%}.small-7{width:58.33333%}.small-push-7{position:relative;left:58.33333%}.small-pull-7{position:relative;left:-58.33333%}.small-offset-6{margin-left:50%}.small-8{width:66.66667%}.small-push-8{position:relative;left:66.66667%}.small-pull-8{position:relative;left:-66.66667%}.small-offset-7{margin-left:58.33333%}.small-9{width:75%}.small-push-9{position:relative;left:75%}.small-pull-9{position:relative;left:-75%}.small-offset-8{margin-left:66.66667%}.small-10{width:83.33333%}.small-push-10{position:relative;left:83.33333%}.small-pull-10{position:relative;left:-83.33333%}.small-offset-9{margin-left:75%}.small-11{width:91.66667%}.small-push-11{position:relative;left:91.66667%}.small-pull-11{position:relative;left:-91.66667%}.small-offset-10{margin-left:83.33333%}.small-12{width:100%}.small-offset-11{margin-left:91.66667%}.small-up-1 > .column,.small-up-1 > .columns{float:left;width:100%}.small-up-1 > .column:nth-of-type(1n),.small-up-1 > .columns:nth-of-type(1n){clear:none}.small-up-1 > .column:nth-of-type(1n+1),.small-up-1 > .columns:nth-of-type(1n+1){clear:both}.small-up-1 > .column:last-child,.small-up-1 > .columns:last-child{float:left}.small-up-2 > .column,.small-up-2 > .columns{float:left;width:50%}.small-up-2 > .column:nth-of-type(1n),.small-up-2 > .columns:nth-of-type(1n){clear:none}.small-up-2 > .column:nth-of-type(2n+1),.small-up-2 > .columns:nth-of-type(2n+1){clear:both}.small-up-2 > .column:last-child,.small-up-2 > .columns:last-child{float:left}.small-up-3 > .column,.small-up-3 > .columns{float:left;width:33.33333%}.small-up-3 > .column:nth-of-type(1n),.small-up-3 > .columns:nth-of-type(1n){clear:none}.small-up-3 > .column:nth-of-type(3n+1),.small-up-3 > .columns:nth-of-type(3n+1){clear:both}.small-up-3 > .column:last-child,.small-up-3 > .columns:last-child{float:left}.small-up-4 > .column,.small-up-4 > .columns{float:left;width:25%}.small-up-4 > .column:nth-of-type(1n),.small-up-4 > .columns:nth-of-type(1n){clear:none}.small-up-4 > .column:nth-of-type(4n+1),.small-up-4 > .columns:nth-of-type(4n+1){clear:both}.small-up-4 > .column:last-child,.small-up-4 > .columns:last-child{float:left}.small-up-5 > .column,.small-up-5 > .columns{float:left;width:20%}.small-up-5 > .column:nth-of-type(1n),.small-up-5 > .columns:nth-of-type(1n){clear:none}.small-up-5 > .column:nth-of-type(5n+1),.small-up-5 > .columns:nth-of-type(5n+1){clear:both}.small-up-5 > .column:last-child,.small-up-5 > .columns:last-child{float:left}.small-up-6 > .column,.small-up-6 > .columns{float:left;width:16.66667%}.small-up-6 > .column:nth-of-type(1n),.small-up-6 > .columns:nth-of-type(1n){clear:none}.small-up-6 > .column:nth-of-type(6n+1),.small-up-6 > .columns:nth-of-type(6n+1){clear:both}.small-up-6 > .column:last-child,.small-up-6 > .columns:last-child{float:left}.small-up-7 > .column,.small-up-7 > .columns{float:left;width:14.28571%}.small-up-7 > .column:nth-of-type(1n),.small-up-7 > .columns:nth-of-type(1n){clear:none}.small-up-7 > .column:nth-of-type(7n+1),.small-up-7 > .columns:nth-of-type(7n+1){clear:both}.small-up-7 > .column:last-child,.small-up-7 > .columns:last-child{float:left}.small-up-8 > .column,.small-up-8 > .columns{float:left;width:12.5%}.small-up-8 > .column:nth-of-type(1n),.small-up-8 > .columns:nth-of-type(1n){clear:none}.small-up-8 > .column:nth-of-type(8n+1),.small-up-8 > .columns:nth-of-type(8n+1){clear:both}.small-up-8 > .column:last-child,.small-up-8 > .columns:last-child{float:left}.small-collapse > .column,.small-collapse > .columns{padding-right:0;padding-left:0}.small-collapse .row{margin-right:0;margin-left:0}.expanded.row .small-collapse.row{margin-right:0;margin-left:0}.small-uncollapse > .column,.small-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.small-centered{margin-right:auto;margin-left:auto}.small-centered,.small-centered:last-child:not(:first-child){float:none;clear:both}.small-uncentered,.small-push-0,.small-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .medium- Grid */ @media print, screen and (min-width: 640px) { .row-site {width: 90%}.medium-1{width:8.33333%}.medium-push-1{position:relative;left:8.33333%}.medium-pull-1{position:relative;left:-8.33333%}.medium-offset-0{margin-left:0}.medium-2{width:16.66667%}.medium-push-2{position:relative;left:16.66667%}.medium-pull-2{position:relative;left:-16.66667%}.medium-offset-1{margin-left:8.33333%}.medium-3{width:25%}.medium-push-3{position:relative;left:25%}.medium-pull-3{position:relative;left:-25%}.medium-offset-2{margin-left:16.66667%}.medium-4{width:33.33333%}.medium-push-4{position:relative;left:33.33333%}.medium-pull-4{position:relative;left:-33.33333%}.medium-offset-3{margin-left:25%}.medium-5{width:41.66667%}.medium-push-5{position:relative;left:41.66667%}.medium-pull-5{position:relative;left:-41.66667%}.medium-offset-4{margin-left:33.33333%}.medium-6{width:50%}.medium-push-6{position:relative;left:50%}.medium-pull-6{position:relative;left:-50%}.medium-offset-5{margin-left:41.66667%}.medium-7{width:58.33333%}.medium-push-7{position:relative;left:58.33333%}.medium-pull-7{position:relative;left:-58.33333%}.medium-offset-6{margin-left:50%}.medium-8{width:66.66667%}.medium-push-8{position:relative;left:66.66667%}.medium-pull-8{position:relative;left:-66.66667%}.medium-offset-7{margin-left:58.33333%}.medium-9{width:75%}.medium-push-9{position:relative;left:75%}.medium-pull-9{position:relative;left:-75%}.medium-offset-8{margin-left:66.66667%}.medium-10{width:83.33333%}.medium-push-10{position:relative;left:83.33333%}.medium-pull-10{position:relative;left:-83.33333%}.medium-offset-9{margin-left:75%}.medium-11{width:91.66667%}.medium-push-11{position:relative;left:91.66667%}.medium-pull-11{position:relative;left:-91.66667%}.medium-offset-10{margin-left:83.33333%}.medium-12{width:100%}.medium-offset-11{margin-left:91.66667%}.medium-up-1 > .column,.medium-up-1 > .columns{float:left;width:100%}.medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n){clear:none}.medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1){clear:both}.medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child{float:left}.medium-up-2 > .column,.medium-up-2 > .columns{float:left;width:50%}.medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n){clear:none}.medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1){clear:both}.medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child{float:left}.medium-up-3 > .column,.medium-up-3 > .columns{float:left;width:33.33333%}.medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n){clear:none}.medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1){clear:both}.medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child{float:left}.medium-up-4 > .column,.medium-up-4 > .columns{float:left;width:25%}.medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n){clear:none}.medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1){clear:both}.medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child{float:left}.medium-up-5 > .column,.medium-up-5 > .columns{float:left;width:20%}.medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n){clear:none}.medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1){clear:both}.medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child{float:left}.medium-up-6 > .column,.medium-up-6 > .columns{float:left;width:16.66667%}.medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n){clear:none}.medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1){clear:both}.medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child{float:left}.medium-up-7 > .column,.medium-up-7 > .columns{float:left;width:14.28571%}.medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n){clear:none}.medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1){clear:both}.medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child{float:left}.medium-up-8 > .column,.medium-up-8 > .columns{float:left;width:12.5%}.medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n){clear:none}.medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1){clear:both}.medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child{float:left}.medium-collapse > .column,.medium-collapse > .columns{padding-right:0;padding-left:0}.medium-collapse .row{margin-right:0;margin-left:0}.expanded.row .medium-collapse.row{margin-right:0;margin-left:0}.medium-uncollapse > .column,.medium-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.medium-centered{margin-right:auto;margin-left:auto}.medium-centered,.medium-centered:last-child:not(:first-child){float:none;clear:both}.medium-uncentered,.medium-push-0,.medium-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .large- Grid */ @media print, screen and (min-width: 801px) { .large-1{width:8.33333%}.large-push-1{position:relative;left:8.33333%}.large-pull-1{position:relative;left:-8.33333%}.large-offset-0{margin-left:0}.large-2{width:16.66667%}.large-push-2{position:relative;left:16.66667%}.large-pull-2{position:relative;left:-16.66667%}.large-offset-1{margin-left:8.33333%}.large-3{width:25%}.large-push-3{position:relative;left:25%}.large-pull-3{position:relative;left:-25%}.large-offset-2{margin-left:16.66667%}.large-4{width:33.33333%}.large-push-4{position:relative;left:33.33333%}.large-pull-4{position:relative;left:-33.33333%}.large-offset-3{margin-left:25%}.large-5{width:41.66667%}.large-push-5{position:relative;left:41.66667%}.large-pull-5{position:relative;left:-41.66667%}.large-offset-4{margin-left:33.33333%}.large-6{width:50%}.large-push-6{position:relative;left:50%}.large-pull-6{position:relative;left:-50%}.large-offset-5{margin-left:41.66667%}.large-7{width:58.33333%}.large-push-7{position:relative;left:58.33333%}.large-pull-7{position:relative;left:-58.33333%}.large-offset-6{margin-left:50%}.large-8{width:66.66667%}.large-push-8{position:relative;left:66.66667%}.large-pull-8{position:relative;left:-66.66667%}.large-offset-7{margin-left:58.33333%}.large-9{width:75%}.large-push-9{position:relative;left:75%}.large-pull-9{position:relative;left:-75%}.large-offset-8{margin-left:66.66667%}.large-10{width:83.33333%}.large-push-10{position:relative;left:83.33333%}.large-pull-10{position:relative;left:-83.33333%}.large-offset-9{margin-left:75%}.large-11{width:91.66667%}.large-push-11{position:relative;left:91.66667%}.large-pull-11{position:relative;left:-91.66667%}.large-offset-10{margin-left:83.33333%}.large-12{width:100%}.large-offset-11{margin-left:91.66667%}.large-up-1 > .column,.large-up-1 > .columns{float:left;width:100%}.large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n){clear:none}.large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1){clear:both}.large-up-1 > .column:last-child,.large-up-1 > .columns:last-child{float:left}.large-up-2 > .column,.large-up-2 > .columns{float:left;width:50%}.large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n){clear:none}.large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1){clear:both}.large-up-2 > .column:last-child,.large-up-2 > .columns:last-child{float:left}.large-up-3 > .column,.large-up-3 > .columns{float:left;width:33.33333%}.large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n){clear:none}.large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1){clear:both}.large-up-3 > .column:last-child,.large-up-3 > .columns:last-child{float:left}.large-up-4 > .column,.large-up-4 > .columns{float:left;width:25%}.large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n){clear:none}.large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1){clear:both}.large-up-4 > .column:last-child,.large-up-4 > .columns:last-child{float:left}.large-up-5 > .column,.large-up-5 > .columns{float:left;width:20%}.large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n){clear:none}.large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1){clear:both}.large-up-5 > .column:last-child,.large-up-5 > .columns:last-child{float:left}.large-up-6 > .column,.large-up-6 > .columns{float:left;width:16.66667%}.large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n){clear:none}.large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1){clear:both}.large-up-6 > .column:last-child,.large-up-6 > .columns:last-child{float:left}.large-up-7 > .column,.large-up-7 > .columns{float:left;width:14.28571%}.large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n){clear:none}.large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1){clear:both}.large-up-7 > .column:last-child,.large-up-7 > .columns:last-child{float:left}.large-up-8 > .column,.large-up-8 > .columns{float:left;width:12.5%}.large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n){clear:none}.large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1){clear:both}.large-up-8 > .column:last-child,.large-up-8 > .columns:last-child{float:left}.large-collapse > .column,.large-collapse > .columns{padding-right:0;padding-left:0}.large-collapse .row{margin-right:0;margin-left:0}.expanded.row .large-collapse.row{margin-right:0;margin-left:0}.large-uncollapse > .column,.large-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.large-centered{margin-right:auto;margin-left:auto}.large-centered,.large-centered:last-child:not(:first-child){float:none;clear:both}.large-uncentered,.large-push-0,.large-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xlarge- Grid */ @media print, screen and (min-width: 960px) { .xlarge-1{width:8.33333%}.xlarge-push-1{position:relative;left:8.33333%}.xlarge-pull-1{position:relative;left:-8.33333%}.xlarge-offset-0{margin-left:0}.xlarge-2{width:16.66667%}.xlarge-push-2{position:relative;left:16.66667%}.xlarge-pull-2{position:relative;left:-16.66667%}.xlarge-offset-1{margin-left:8.33333%}.xlarge-3{width:25%}.xlarge-push-3{position:relative;left:25%}.xlarge-pull-3{position:relative;left:-25%}.xlarge-offset-2{margin-left:16.66667%}.xlarge-4{width:33.33333%}.xlarge-push-4{position:relative;left:33.33333%}.xlarge-pull-4{position:relative;left:-33.33333%}.xlarge-offset-3{margin-left:25%}.xlarge-5{width:41.66667%}.xlarge-push-5{position:relative;left:41.66667%}.xlarge-pull-5{position:relative;left:-41.66667%}.xlarge-offset-4{margin-left:33.33333%}.xlarge-6{width:50%}.xlarge-push-6{position:relative;left:50%}.xlarge-pull-6{position:relative;left:-50%}.xlarge-offset-5{margin-left:41.66667%}.xlarge-7{width:58.33333%}.xlarge-push-7{position:relative;left:58.33333%}.xlarge-pull-7{position:relative;left:-58.33333%}.xlarge-offset-6{margin-left:50%}.xlarge-8{width:66.66667%}.xlarge-push-8{position:relative;left:66.66667%}.xlarge-pull-8{position:relative;left:-66.66667%}.xlarge-offset-7{margin-left:58.33333%}.xlarge-9{width:75%}.xlarge-push-9{position:relative;left:75%}.xlarge-pull-9{position:relative;left:-75%}.xlarge-offset-8{margin-left:66.66667%}.xlarge-10{width:83.33333%}.xlarge-push-10{position:relative;left:83.33333%}.xlarge-pull-10{position:relative;left:-83.33333%}.xlarge-offset-9{margin-left:75%}.xlarge-11{width:91.66667%}.xlarge-push-11{position:relative;left:91.66667%}.xlarge-pull-11{position:relative;left:-91.66667%}.xlarge-offset-10{margin-left:83.33333%}.xlarge-12{width:100%}.xlarge-offset-11{margin-left:91.66667%}.xlarge-up-1 > .column,.xlarge-up-1 > .columns{float:left;width:100%}.xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n){clear:none}.xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1){clear:both}.xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child{float:left}.xlarge-up-2 > .column,.xlarge-up-2 > .columns{float:left;width:50%}.xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n){clear:none}.xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1){clear:both}.xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child{float:left}.xlarge-up-3 > .column,.xlarge-up-3 > .columns{float:left;width:33.33333%}.xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n){clear:none}.xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1){clear:both}.xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child{float:left}.xlarge-up-4 > .column,.xlarge-up-4 > .columns{float:left;width:25%}.xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n){clear:none}.xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1){clear:both}.xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child{float:left}.xlarge-up-5 > .column,.xlarge-up-5 > .columns{float:left;width:20%}.xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n){clear:none}.xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1){clear:both}.xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child{float:left}.xlarge-up-6 > .column,.xlarge-up-6 > .columns{float:left;width:16.66667%}.xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n){clear:none}.xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1){clear:both}.xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child{float:left}.xlarge-up-7 > .column,.xlarge-up-7 > .columns{float:left;width:14.28571%}.xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n){clear:none}.xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1){clear:both}.xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child{float:left}.xlarge-up-8 > .column,.xlarge-up-8 > .columns{float:left;width:12.5%}.xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n){clear:none}.xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1){clear:both}.xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child{float:left}.xlarge-collapse > .column,.xlarge-collapse > .columns{padding-right:0;padding-left:0}.xlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xlarge-collapse.row{margin-right:0;margin-left:0}.xlarge-uncollapse > .column,.xlarge-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.xlarge-centered{margin-right:auto;margin-left:auto}.xlarge-centered,.xlarge-centered:last-child:not(:first-child){float:none;clear:both}.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* .xxlarge- Grid */ @media print, screen and (min-width: 1200px) { .xxlarge-1{width:8.33333%}.xxlarge-push-1{position:relative;left:8.33333%}.xxlarge-pull-1{position:relative;left:-8.33333%}.xxlarge-offset-0{margin-left:0}.xxlarge-2{width:16.66667%}.xxlarge-push-2{position:relative;left:16.66667%}.xxlarge-pull-2{position:relative;left:-16.66667%}.xxlarge-offset-1{margin-left:8.33333%}.xxlarge-3{width:25%}.xxlarge-push-3{position:relative;left:25%}.xxlarge-pull-3{position:relative;left:-25%}.xxlarge-offset-2{margin-left:16.66667%}.xxlarge-4{width:33.33333%}.xxlarge-push-4{position:relative;left:33.33333%}.xxlarge-pull-4{position:relative;left:-33.33333%}.xxlarge-offset-3{margin-left:25%}.xxlarge-5{width:41.66667%}.xxlarge-push-5{position:relative;left:41.66667%}.xxlarge-pull-5{position:relative;left:-41.66667%}.xxlarge-offset-4{margin-left:33.33333%}.xxlarge-6{width:50%}.xxlarge-push-6{position:relative;left:50%}.xxlarge-pull-6{position:relative;left:-50%}.xxlarge-offset-5{margin-left:41.66667%}.xxlarge-7{width:58.33333%}.xxlarge-push-7{position:relative;left:58.33333%}.xxlarge-pull-7{position:relative;left:-58.33333%}.xxlarge-offset-6{margin-left:50%}.xxlarge-8{width:66.66667%}.xxlarge-push-8{position:relative;left:66.66667%}.xxlarge-pull-8{position:relative;left:-66.66667%}.xxlarge-offset-7{margin-left:58.33333%}.xxlarge-9{width:75%}.xxlarge-push-9{position:relative;left:75%}.xxlarge-pull-9{position:relative;left:-75%}.xxlarge-offset-8{margin-left:66.66667%}.xxlarge-10{width:83.33333%}.xxlarge-push-10{position:relative;left:83.33333%}.xxlarge-pull-10{position:relative;left:-83.33333%}.xxlarge-offset-9{margin-left:75%}.xxlarge-11{width:91.66667%}.xxlarge-push-11{position:relative;left:91.66667%}.xxlarge-pull-11{position:relative;left:-91.66667%}.xxlarge-offset-10{margin-left:83.33333%}.xxlarge-12{width:100%}.xxlarge-offset-11{margin-left:91.66667%}.xxlarge-up-1 > .column,.xxlarge-up-1 > .columns{float:left;width:100%}.xxlarge-up-1 > .column:nth-of-type(1n),.xxlarge-up-1 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-1 > .column:nth-of-type(1n+1),.xxlarge-up-1 > .columns:nth-of-type(1n+1){clear:both}.xxlarge-up-1 > .column:last-child,.xxlarge-up-1 > .columns:last-child{float:left}.xxlarge-up-2 > .column,.xxlarge-up-2 > .columns{float:left;width:50%}.xxlarge-up-2 > .column:nth-of-type(1n),.xxlarge-up-2 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-2 > .column:nth-of-type(2n+1),.xxlarge-up-2 > .columns:nth-of-type(2n+1){clear:both}.xxlarge-up-2 > .column:last-child,.xxlarge-up-2 > .columns:last-child{float:left}.xxlarge-up-3 > .column,.xxlarge-up-3 > .columns{float:left;width:33.33333%}.xxlarge-up-3 > .column:nth-of-type(1n),.xxlarge-up-3 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-3 > .column:nth-of-type(3n+1),.xxlarge-up-3 > .columns:nth-of-type(3n+1){clear:both}.xxlarge-up-3 > .column:last-child,.xxlarge-up-3 > .columns:last-child{float:left}.xxlarge-up-4 > .column,.xxlarge-up-4 > .columns{float:left;width:25%}.xxlarge-up-4 > .column:nth-of-type(1n),.xxlarge-up-4 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-4 > .column:nth-of-type(4n+1),.xxlarge-up-4 > .columns:nth-of-type(4n+1){clear:both}.xxlarge-up-4 > .column:last-child,.xxlarge-up-4 > .columns:last-child{float:left}.xxlarge-up-5 > .column,.xxlarge-up-5 > .columns{float:left;width:20%}.xxlarge-up-5 > .column:nth-of-type(1n),.xxlarge-up-5 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-5 > .column:nth-of-type(5n+1),.xxlarge-up-5 > .columns:nth-of-type(5n+1){clear:both}.xxlarge-up-5 > .column:last-child,.xxlarge-up-5 > .columns:last-child{float:left}.xxlarge-up-6 > .column,.xxlarge-up-6 > .columns{float:left;width:16.66667%}.xxlarge-up-6 > .column:nth-of-type(1n),.xxlarge-up-6 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-6 > .column:nth-of-type(6n+1),.xxlarge-up-6 > .columns:nth-of-type(6n+1){clear:both}.xxlarge-up-6 > .column:last-child,.xxlarge-up-6 > .columns:last-child{float:left}.xxlarge-up-7 > .column,.xxlarge-up-7 > .columns{float:left;width:14.28571%}.xxlarge-up-7 > .column:nth-of-type(1n),.xxlarge-up-7 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-7 > .column:nth-of-type(7n+1),.xxlarge-up-7 > .columns:nth-of-type(7n+1){clear:both}.xxlarge-up-7 > .column:last-child,.xxlarge-up-7 > .columns:last-child{float:left}.xxlarge-up-8 > .column,.xxlarge-up-8 > .columns{float:left;width:12.5%}.xxlarge-up-8 > .column:nth-of-type(1n),.xxlarge-up-8 > .columns:nth-of-type(1n){clear:none}.xxlarge-up-8 > .column:nth-of-type(8n+1),.xxlarge-up-8 > .columns:nth-of-type(8n+1){clear:both}.xxlarge-up-8 > .column:last-child,.xxlarge-up-8 > .columns:last-child{float:left}.xxlarge-collapse > .column,.xxlarge-collapse > .columns{padding-right:0;padding-left:0}.xxlarge-collapse .row{margin-right:0;margin-left:0}.expanded.row .xxlarge-collapse.row{margin-right:0;margin-left:0}.xxlarge-uncollapse > .column,.xxlarge-uncollapse > .columns{padding-right:.9375rem;padding-left:.9375rem}.xxlarge-centered{margin-right:auto;margin-left:auto}.xxlarge-centered,.xxlarge-centered:last-child:not(:first-child){float:none;clear:both}.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0{position:static;float:left;margin-right:0;margin-left:0} } /* Block Grid Bottom Margin */ .column-block { margin-bottom: 1.875rem; } .column-block > :last-child { margin-bottom: 0; } /******************************************************************************** --- Template - Page Elements --- *********************************************************************************/ /*-----------Titles-----------*/ h1, h2, h3, h4, h5, h6 { margin: 0 0 0.833em 0; line-height: 1.1; font-weight:normal; font-style: normal; color: #333333; font-family:'CartaMarina',sans-serif} h1, .h1 {font-size: 2rem; line-height: 1.125;} h1.subheader, .subheader.h1 {font-size:2.125em;} h2, .h2 {font-size: 2rem} h3, .h3, h2.subheader, .subheader.h2 {font-size: 1.625rem} h4, .h4, h3.subheader, .subheader.h3 {font-size: 1.263rem} h5, .h5, h4.subheader, .subheader.h4 {font-size: 1.438rem} h6, .h6, h5.subheader, .subheader.h5 {font-size: 1.213rem} h6.subheader, .subheader.h6 {font-size:1.250rem;} h1.worship, h2.worship, h3.worship, h4.worship, h5.worship, h6.worship {line-height: 1; margin-bottom:0.139em} h1.worship, .worship.h1 {font-size:4.500rem} h2.worship, .worship.h2 {font-size:4.000rem} h3.worship, .worship.h3 {font-size:3.625rem} h4.worship, .worship.h4 {font-size:3.375rem} h5.worship, .worship.h5 {font-size:3.125rem} h6.worship, .worship.h6 {font-size:2.625rem} .subheader {font-family: 'Montserrat',sans-serif; font-weight: 400;} .headings {padding:0 0 0.441em 0; margin:0 0 0.882em 0; position:relative;} .headings:before {content:""; display:block; position:absolute; bottom:0; left:0; width:2.118em; height:3px; background:#ab2560;} .headings.center:before {left: 50%; margin-left: -1.059em;} .headings--white {color: #fff;} .headings--white:before {background: #fff;} .section-title {text-align: center; position: relative;} .section-title__headline {font-weight: 400; font-family: 'Montserrat',sans-serif; color: #6d124f; text-transform: uppercase;} .section-title__headline:before {content: ""; display: block; background: url(../images/template/mandala.png) no-repeat; background-size: 100% auto; width: 3.688rem; height: 3.688rem; margin: 0 auto 0.500rem;} .section-title--link .more-link {display: block; margin-top: -1.333em; margin-bottom: 2.000em} @media print, screen and (min-width: 1200px) { .section-title--link-float .more-link {position: absolute; bottom: 0; right: 0;} } @media print, screen and (max-width: 1199px) { .section-title--link-float .more-link {display: block; margin-top: -1.333em; margin-bottom: 2.000em} } /*-----------Branding Colors-----------*/ .magenta {color:#ab2560} .bg-magenta {background-color: #ab2560;} .dark-magenta {color:#6d124f} .bg-dark-magenta {background-color: #6d124f;} .orange {color: #e68b29;} .bg-orange {background-color:#e68b29;} .green {color: #bac64b;} .bg-green {background-color:#bac64b;} .turquoise {color: #118e9c;} .bg-turquoise {background-color:#118e9c;} .purple {color: #2c3361;} .bg-purple {background-color:#2c3361;} .black {color:#333333} .bg-black {background-color: #333333;} /*-----------Lists-----------*/ .list-reset { list-style: none; padding: 0; margin:0;} ul, ol { margin: 0 0 1.000em 1.778em; padding: 0;} ul, ol, li {line-height:1.6;} ol { counter-reset: section; list-style-type: none; margin: 0 0 1.000em 0; padding: 0; } ol li { counter-increment: section; } ol li:before { content: counters(section, ".") ". "; color: #ab2560;} ol ol { margin: 0.444em 0 0.556em 1.778em; } ol ol li:before { font-size: 0.889em; } ul.bullets { list-style: none; margin: 0 0 1.000em 0; padding: 0; overflow: hidden; } ul.bullets li { list-style: none; margin: 0 0 0.278em 0; padding: 0 0 0 0.667em; position: relative; } ul.bullets li:before { content: "\e6ba"; font-family: 'CD-Project-Icons'; display:block; position: absolute; top:0; left:-0.333em; color: #ab2560; } ul.bullets ul { margin: 0.667em 0 0.667em 0.667em; } ul.lists { list-style: none; margin: 0 0 1.000em 0; padding: 0; } ul.lists li { list-style: none; padding: 0.444em 0; border-bottom: 1px solid #d3cec1; } ul.lists ul { border-top: 1px solid #d3cec1; margin: 0.667em 0 0 0; } ul.lists ul li { padding-left: 1.778em; font-size: 0.833em; } ul.lists ul li:last-child { border: none; padding-bottom: 0;} /*-----------Paragraphs-----------*/ p { margin: 0 0 1.500em 0; line-height:1.6; } .lead { font-size: 1.250rem;} .article .lead {font-size: 1.250rem;} /*-----------Articles-----------*/ .article {font-size:1em; line-height: 1.6; } .article p {line-height: 1.6;} /*-----------Links-----------*/ a { color:#ab2560; text-decoration: none; -webkit-transition: color 300ms ease-out; transition: color 300ms ease-out; } a:hover {color:#6d124f; text-decoration: none; cursor: pointer; } /*-----------Images-----------*/ img { max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; } img.aligntop { margin: 0 0 1.000em 0; } img.alignleft, img.alignright {max-width:35%; margin-top:0.333em; margin-bottom:0.333em} .bio-detail__body img.alignleft, .bio-detail__body img.alignright {margin-top:.5em; margin-bottom:1.5em;} img.alignleft { float: left; margin-right:1.389em;} img.alignright { float: right; margin-left:1.389em;} img.border { border: 1px solid #d3cec1; padding:0.278em; background: #fff;} /*-----------Aligning-----------*/ .left-align { text-align: left } .center { text-align: center } .right-align { text-align: right } .left { float: left } .right { float: right } /*-----------Misc Typography-----------*/ .montserrat {font-family: 'Montserrat',sans-serif;} .sheila {font-family: 'Sheila',sans-serif;} .worship {font-family: 'Worship',sans-serif;} .carta-marina {font-family: 'CartaMarina',sans-serif;} .small { font-size:1rem; font-weight: 700; } .light {font-weight:300;} .regular { font-weight:400; } .bold { font-weight:700; } .italic { font-style: italic } .caps { text-transform: uppercase;} .justify { text-align: justify } .nowrap { white-space: nowrap } .break-word { word-wrap: break-word } .truncate { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .t1 {font-size:0.875rem} .t2 {font-size:1.000rem} .t3 {font-size:1.125rem} .t4 {font-size:1.250rem} .t5 {font-size:1.375rem} .t6 {font-size:1.500rem} .t7 {font-size:1.625rem} .t8 {font-size:1.750rem} .t9 {font-size:1.875rem} .t10 {font-size:2.000rem} .t4,.t5,.t6 {line-height:1.35} .t7,.t8,.t9,.t10 {line-height:1.2} /*-----------Spacing-----------*/ .mx-auto { margin-left: auto; margin-right: auto; } .m0 { margin: 0 } .mt0 { margin-top: 0 } .mt1 { margin-top: 0.313rem } .mt2 { margin-top: 0.625rem } .mt3 { margin-top: 0.938rem } .mt4 { margin-top: 1.250rem } .mt5 { margin-top: 1.563rem } .mt6 { margin-top: 1.875rem } .mt7 { margin-top: 2.500rem } .mt8 { margin-top: 3.125rem } .mt9 { margin-top: 3.750rem } .mt10 { margin-top: 3.000rem } .mt11 { margin-top: 4.000rem } .mt12 { margin-top: 8.750rem } .mb0 { margin-bottom: 0 } .mb1 { margin-bottom: 0.313rem } .mb2 { margin-bottom: 0.625rem } .mb3 { margin-bottom: 0.938rem } .mb4 { margin-bottom: 1.250rem } .mb5 { margin-bottom: 1.563rem } .mb6 { margin-bottom: 1.875rem } .mb7 { margin-bottom: 2.500rem } .mb8 { margin-bottom: 3.125rem } .mb9 { margin-bottom: 3.750rem } .mb10 { margin-bottom: 4.000rem } .mb11 { margin-bottom: 6.250rem } .mb12 { margin-bottom: 8.750rem } /*-----------Borders and Rounding-----------*/ .border { border-style: solid; border-width: 1px; border-color:#d3cec1; } .border-top { border-top-style: solid; border-top-width: 1px; border-top-color:#d3cec1; } .border-right { border-right-style: solid; border-right-width: 1px; border-right-color:#d3cec1; } .border-bottom { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#d3cec1; } .border-left { border-left-style: solid; border-left-width: 1px; border-left-color:#d3cec1; } .border-none { border: 0 } .rounded { border-radius: 3px } .circle { border-radius: 50% } .rounded-top { border-radius: 3px 3px 0 0 } .rounded-right { border-radius: 0 3px 3px 0 } .rounded-bottom { border-radius: 0 0 3px 3px } .rounded-left { border-radius: 3px 0 0 3px } .not-rounded { border-radius: 0 } /*-----------Blockquotes-----------*/ blockquote { font-size: 1.250rem; margin: 0 0 1.389em 0; padding:0 0 0.9em 5.000em; border-bottom:1px solid #d3cec1; position:relative;} blockquote:not(.testimonial--image):before {content: ""; display: block; position: absolute; top: 1.500em; left: 0; width: 2.550em; height: 2.250em; background-image: url(../images/template/quote-dark-transparent.png); background-repeat: no-repeat; background-size: 100%;} .testimonial--image img {display: block; position: absolute; top: 1.500em; left: 0; width: 3.750em; height: 3.750em; border-radius: 3.750em;} blockquote .cite {font-size: 1.125em; text-align: right; font-style: normal; font-weight: 400; font-family: 'CartaMarina',sans-serif;} blockquote .cite span {font-size:0.857em; font-weight: 300; margin: 0 0 0 0.389em } blockquote :last-child { margin: 0; } /*-----------Blockquotes-----------*/ blockquote2 { font-size: .938rem; margin: 0 0 1.389em 0; padding:0 0 0.9em 5.000em; border-bottom:1px solid #d3cec1; position:relative;} blockquote2:not(.testimonial--image):before {content: ""; display: block; position: absolute; top: 1.500em; left: 0; width: 2.550em; height: 2.250em; background-image: url(../images/template/quote-dark-transparent.png); background-repeat: no-repeat; background-size: 100%;} .testimonial--image img {display: block; position: absolute; top: 1.500em; left: 0; width: 3.750em; height: 3.750em; border-radius: 3.750em;} blockquote2 .cite {font-size: 1.125em; text-align: right; font-style: normal; font-weight: 400; font-family: 'CartaMarina',sans-serif;} blockquote2 .cite span {font-size:0.857em; font-weight: 300; margin: 0 0 0 0.389em } blockquote2 :last-child { margin: 0; } /*-----------Divider-----------*/ hr { border: none; height: 1px; background: #d3cec1; clear: both; margin: 2.500em 0; } /*-----------Responsive Embed-----------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*-----------Buttons-----------*/ .button {cursor: pointer; line-height:1; border:none; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding:1.250em 3.250em; font-size:0.938rem; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; outline: none; transition:background-color 250ms ease; color:#fff; background-color: #ab2560;} .button:before, .button:after {content: ""; display: block; position: absolute; top: 50%; margin-top: -1.000em; width: 0.933em; height: 2.000em; background-repeat: no-repeat; background-size: 100%;} .button:before {left: 0.667em; background-image: url(../images/template/btn-pattern-left.png); transition: left 250ms ease} .button:after {right: 0.667em; background-image: url(../images/template/btn-pattern-right.png); transition: right 250ms ease} .button:hover {color:#fff; background-color: #c83073} .button:hover:before {left: 0.938em;} .button:hover:after {right: 0.938em;} .button.secondary { background-color: #ff9428;} .button.secondary:hover {background-color: #e68b29} .button.tertiary {background-color: #118e9c;} .button.tertiary:hover {background-color: #18a6b6} .button.large {font-size:1.125rem } .button.tiny {font-size: 0.667rem;} .button.expand { padding-right: 0; padding-left: 0; width: 100%; } .button.wide {padding-left:3.333em; padding-right:3.333em;} .button-alt {cursor: pointer; line-height:1; border:1px solid #fff; margin: 0 0 1.111em 1.200em; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding:1.000em 3.250em; font-size:0.938rem; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; outline: none; transition:all 250ms ease; color:#fff; background-color: none;} .button-alt:hover {background: #fff; color: #333333;} .bg-dark-magenta a.button-alt:hover {color: #6d124f;} .button-alt:before, .button-alt:after {content: ""; display: block; position: absolute; top: 50%; margin-top: -1.000em; width: 0.933em; height: 2.000em; background-repeat: no-repeat; background-size: 100%;} .button-alt:before {right: -1.200em; background-image: url(../images/template/btn-pattern-left.png); transition: right 250ms ease} .button-alt:after {left: -1.200em; background-image: url(../images/template/btn-pattern-right.png); transition: left 250ms ease} .button-download {cursor: pointer; line-height:1; border:1px solid #fff; margin: 0 0 1.111em 0; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; display: inline-block; padding:1.000em 2.000em 1.000em 5.333em; font-size:0.875rem; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; outline: none; transition:all 250ms ease; color:#fff; background-color: transparent;} .button-download:hover {background-color: #fff; color: #333; border-color: #333;} .button-download span {position: absolute; top: 0; left: 0; width: 3.571em; height: 100%; text-align: center; border-right: 1px solid #fff; transition: border-color 250ms ease;} .button-download:hover span {border-color: #333;} .button-download span:before {display: block; position: absolute; top: 50%; left: 50%; margin:-0.536em 0 0 -0.536em;} button.reset { border: none; background: none; cursor: pointer; font-weight: normal; text-decoration: none; -webkit-appearance: none; -webkit-border-radius: 0; border-radius: 0; outline: none;} /*-----------Disabled Button-----------*/ .button[disabled], .button.disabled, .button[disabled]:hover, .button.disabled:hover {background:#d3cec1; color:#8a877e; cursor:default; text-shadow:none;} /*-----------Text Links-----------*/ .more-link {font-size: 0.938em; text-transform: uppercase;} .more-link:after {content: ""; display: inline-block; background-image: url(../images/template/arrow-right.png); background-repeat: no-repeat; background-size: 100% auto; width: 2.533em; height: 0.800em; margin-left: 0.333em;} .more-link--white:after {background-image: url(../images/template/arrow-right-white.png);} .back-link {font-size: 0.938em; text-transform: uppercase; transition:opacity 250ms ease;} .back-link:hover {opacity: 0.65;} .back-link:before {content: ""; display: inline-block; background-image: url(../images/template/arrow-left.png); background-repeat: no-repeat; background-size: 100% auto; width: 2.533em; height: 0.800em; margin-right: 0.333em; transition:opacity 250ms ease;} .back-link:hover:before {opacity: 0.65;} @media print, screen and (max-width: 1023px) { .mt5 { margin-top: 1.250rem } .mt6 { margin-top: 1.563rem } .mt7 { margin-top: 2.188rem } .mt8 { margin-top: 2.813rem } .mt9 { margin-top: 3.125rem } .mt10 { margin-top: 4.375rem } .mt11 { margin-top: 4.625rem } .mt12 { margin-top: 7.500rem } .mb5 { margin-bottom: 1.250rem } .mb6 { margin-bottom: 1.563rem } .mb7 { margin-bottom: 2.188rem } .mb8 { margin-bottom: 2.813rem } .mb9 { margin-bottom: 3.125rem } .mb10 { margin-bottom: 4.375rem } .mb11 { margin-bottom: 5.625rem } .mb12 { margin-bottom: 7.500rem } } @media print, screen and (max-width: 767px) { .mt5 { margin-top: 1.125rem } .mt6 { margin-top: 1.375rem } .mt7 { margin-top: 1.875rem } .mt8 { margin-top: 2.500rem } .mt9 { margin-top: 2.813rem } .mt10 { margin-top: 3.750rem } .mt11 { margin-top: 4.000rem } .mt12 { margin-top: 6.250rem } .mb5 { margin-bottom: 1.125rem } .mb6 { margin-bottom: 1.375rem } .mb7 { margin-bottom: 1.875rem } .mb8 { margin-bottom: 2.500rem } .mb9 { margin-bottom: 2.813rem } .mb10 { margin-bottom: 3.750rem } .mb11 { margin-bottom: 5.000rem } .mb12 { margin-bottom: 6.250rem } } @media print, screen and (max-width: 479px) { .mt5 { margin-top: 1.000rem } .mt6 { margin-top: 1.250rem } .mt7 { margin-top: 1.625rem } .mt8 { margin-top: 2.188rem } .mt9 { margin-top: 2.500rem } .mt10 { margin-top: 3.125rem } .mt11 { margin-top: 4.375rem } .mt12 { margin-top: 5.000rem } .mb5 { margin-bottom: 1.000rem } .mb6 { margin-bottom: 1.250rem } .mb7 { margin-bottom: 1.625rem } .mb8 { margin-bottom: 2.188rem } .mb9 { margin-bottom: 2.500rem } .mb10 { margin-bottom: 3.125rem } .mb11 { margin-bottom: 4.375rem } .mb12 { margin-bottom: 5.000rem } .article, .article p {line-height: 1.8; } } @media print, screen and (max-width: 375px) { /*-----------Images-----------*/ img.alignleft, img.alignright {float:none; margin-top:0; margin-right:auto; margin-left:auto; display:block; max-width:100%;} /*----------Buttons-----------*/ .button {display:block; width:100%;} } /******************************************************************************** --- Section - BG Content --- *********************************************************************************/ .section-bg-content {position: relative; overflow: hidden;} .section-bg-content__background {background-position: center center; background-repeat: no-repeat; background-size: cover; } .section-bg-content--green .section-bg-content__body {background: #bac64b; color: #fff;} .section-bg-content__body {width: 58%; padding: 4.118em 4.118em 5.882em; margin-top: 6.000em; position: relative;} .section-bg-content__body > * {position: relative; z-index: 10;} .section-bg-content--right .section-bg-content__body {float: right;} .section-bg-content--left .section-bg-content__body {float: left;} .section-bg-content__overlay-text {display: block; position: absolute; bottom: -25%; left: 0; z-index: 1; width: 100%; padding-bottom:34.72222222222222%; background-position: center center; background-repeat: no-repeat; background-size: 80% auto;} @media print, screen and (min-width: 801px) { .section-bg-content__background {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} } @media print, screen and (max-width: 1199px) { .section-bg-content__body {padding: 2.647em 2.647em 4.118em;} } @media print, screen and (max-width: 800px) { .section-bg-content__background {height: 250px;} .section-bg-content .row.column {padding: 0;} .section-bg-content__body {width: 100%; float: none; margin: 0;} } @media print, screen and (max-width: 479px) { .section-bg-content__background {height: 200px;} .section-bg-content__body {padding: 2.000em 2.000em 3.000em;} } @media print, screen and (max-width: 375px) { .section-bg-content__background {height: 150px;} } /******************************************************************************** --- Full Width Card --- *********************************************************************************/ .full-width-card {padding-left: 35%; position: relative} .full-width-card__image {display: block; background-position: center center; background-repeat: no-repeat; background-size: cover;} .full-width-card__body {padding: 3.125em 3.750em 0; color: #fff;} .full-width-card__label {font-size: 0.938em; display: block; margin-bottom: 1.250em; text-transform: uppercase;} .full-width-card__subtitle {font-size:1.250em; display: block; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 1.000em;} .full-width-card__overview {font-size: 1.025em; line-height: 2;} .full-width-card__overview p {line-height: 2;} .full-width-card__actions {overflow: hidden; margin-top: 3.125em} .full-width-card__actions .button {margin: 0; display: block; background-color: rgba(255,255,255,0.08)} .full-width-card__actions .button:hover {background-color: rgba(255,255,255,0.14)} .full-width-card__actions-2 .button {width: 49.5%; float: left;} .full-width-card__actions-2 .button + .button {float: right; width: 49.5%; background-color: rgba(0,0,0,0.05)} .full-width-card__actions-2 .button + .button:hover {background-color: rgba(0,0,0,0.10)} @media print, screen and (max-width: 959px) { .full-width-card__body {padding: 1.875em 1.875em 0;} } @media print, screen and (min-width: 767px) { .full-width-card__image {position: absolute; top: 0; left: 0; width: 35%; height: 100%;} } @media print, screen and (max-width: 766px) { .full-width-card {padding-left: 0;} .full-width-card__image {height: 320px;} } @media print, screen and (max-width: 639px) { .full-width-card__image {height: 280px;} } @media print, screen and (max-width: 520px) { .full-width-card__image {height: 225px;} } @media print, screen and (max-width: 479px) { .full-width-card__image {height: 180px;} .full-width-card__actions .button {font-size: 0.813em;} } @media print, screen and (max-width: 375px) { .full-width-card__image {height: 150px;} } /******************************************************************************** --- Tall Cards --- *********************************************************************************/ .tall-card-list.row {margin-right: -0.500rem; margin-left: -0.500rem;} .tall-card-list .column {padding-right: 0.500em; padding-left: 0.500em} .tall-card__title {font-size: 1.625em;} .tall-card__subtitle {font-size: 1.063em; font-weight: 700; display: block; text-transform: uppercase; background: #fff; padding: 1.111em 0.556em; text-align: center;} .tall-card__image {position: relative;} .tall-card__image:after {content: ""; display: block; position: absolute; bottom: -1px; z-index: 1; left: 0; width: 100%; height: 6.250em;} .tall-card__body {padding: 1.250em 1.563em; color: #fff; } .tall-card__actions .button {font-size: 0.93em; margin: 0; display: block; background-color: rgba(255,255,255,0.08)} .tall-card__actions .button:hover {background-color: rgba(255,255,255,0.14)} .tall-card__actions-2 .button + .button {background-color: rgba(255,255,255,0.18)} .tall-card__actions-2 .button + .button:hover {background-color: rgba(255,255,255,0.24)} .tall-card--green {background: #838b35;} .tall-card--green .tall-card__subtitle {color: #bac64b;} .tall-card--green .tall-card__image:after {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(131,139,53,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(131,139,53,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(131,139,53,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00838b35', endColorstr='#838b35',GradientType=0 );} .tall-card--turquoise {background: #0c646e;} .tall-card--turquoise .tall-card__subtitle {color: #118e9c;} .tall-card--turquoise .tall-card__image:after {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(12, 100, 110,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(12, 100, 110,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(12, 100, 110,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000c646e', endColorstr='#0c646e',GradientType=0 );} .tall-card--purple {background: #1f2444;} .tall-card--purple .tall-card__subtitle {color: #2c3361;} .tall-card--purple .tall-card__image:after {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(31, 36, 68,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(31, 36, 68,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(31, 36, 68,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001f2444', endColorstr='#1f2444',GradientType=0 );} .tall-card--magenta {background: #781a43;} .tall-card--magenta .tall-card__subtitle {color: #ab2560;} .tall-card--magenta .tall-card__image:after {background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(120, 26, 67,1) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(120, 26, 67,1) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(120, 26, 67,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00781a43', endColorstr='#781a43',GradientType=0 );} @media print, screen and (min-width: 960px)and (max-width: 1199px) { .tall-card {font-size: 13px;} } @media print, screen and (min-width: 801px)and (max-width: 959px) { .tall-card {font-size: 12px;} } /******************************************************************************** --- Page Body --- *********************************************************************************/ .page-banner {position: relative;} .page-banner__body {margin-top: 6.000em; margin-bottom: 4.000em; text-align: center; color: #fff; position: relative; z-index: 2;} .page-banner__subtitle {font-size: 1.313em; display: block; text-transform: uppercase; color: #fff; margin-bottom: 1.250em} .page-banner__title {font-size: 4.750em; color: #fff; font-family: 'Worship',sans-serif; font-weight: normal; margin-bottom: 0.139em;} .page-banner__body {font-size: 1.063em;} .page-banner__body p {line-height: 2;} .page-banner__overlay-text {display: block; position: absolute; top:-16px; left: 0; z-index: 1; width: 100%; padding-bottom:25%; background-position: top center; background-repeat: no-repeat; background-size: 80% auto;} .page-banner---edges:before {content: ""; display: block; position: absolute; top: -16px; left: 0; width: 100%; height: 16px; background-repeat: repeat-x; } .page-banner---edges.bg-dark-magenta:before {background-image: url(../images/template/page-banner-edges-dark-magenta.png); } /******************************************************************************** --- Two Column Intro Banner --- *********************************************************************************/ .two-column-intro-banner {font-size: 16px; color: #fff;} .two-column-intro-banner h1, .two-column-intro-banner h2, .two-column-intro-banner h3, .two-column-intro-banner h4 {color: #fff;} .two-column-intro-banner__banner {height: 37.500em; background-position: center center; background-repeat: no-repeat; background-size: cover;} .two-column-intro-banner__body-left, .two-column-intro-banner__body-right {width: 50%;} .two-column-intro-banner__body-left {float: left; background: rgba(0,0,0,0.08)} .two-column-intro-banner__body-right {float: right;} .two-column-intro-banner__body-right {margin-top: -12.500em} .two-column-intro-banner__body-right-body {padding: 2.188em;} .two-column-intro-banner__body-left-body {padding: 4.188em;} .two-column-intro-banner__body-left p {line-height: 2.5;} .two-column-intro-banner__body-right p {line-height: 1;} @media print, screen and (max-width: 1199px) { .two-column-intro-banner {font-size: 14px;} } @media print, screen and (max-width: 1023px) { .two-column-intro-banner {font-size: 12px;} } @media print, screen and (max-width: 800px) { .two-column-intro-banner {font-size: 14px;} .two-column-intro-banner__body-left, .two-column-intro-banner__body-right {float: none; width: 100%; max-width: 600px; margin-right: auto; margin-left: auto} } @media print, screen and (max-width: 639px) { .two-column-intro-banner {font-size: 13px;} } @media print, screen and (max-width: 479px) { .two-column-intro-banner__body-right-body {padding: 1.250em;} } /******************************************************************************** --- Featured Testimonials --- *********************************************************************************/ .featured-testimonials__headline {position: relative;} .featured-testimonials__headline .more-link {font-size: 0.875em; position: absolute; bottom: 0.857em; right: 0; color: rgba(255,255,255,1)} .featured-testimonials__headline .more-link:hover {color: rgba(255,255,255,0.65)} .featured-testimonials__list {background: rgba(0,0,0,0.07); padding: 1.250em 2.188em;} .featured-testimonials__list blockquote {font-size: 1.000em; color: #fff;} .featured-testimonials__list blockquote:last-child {border-bottom: none;} .featured-testimonials__list blockquote p {line-height: 2;} .featured-testimonials__list .slide-toggle-container {margin-top: -0.938em;} .featured-testimonials__list .slide-toggle {font-size: 0.875em; text-transform: uppercase; margin-bottom: 0.500em; display: inline-block; color: rgba(255,255,255,1)} .featured-testimonials__list .slide-toggle:hover, .featured-testimonials__list .slide-toggle:not(.button).active, .featured-testimonials__list .slide-toggle:not(.button).active:after {color: rgba(255,255,255,0.65)} @media print, screen and (max-width: 479px) { .featured-testimonials__list {padding: 1.000em 1.500em;} } /******************************************************************************** --- Floating Image Block Testimonials --- *********************************************************************************/ .floating-box__testimonials blockquote {font-size: 1.000em; color: #fff; border-color: rgba(255,255,255,0.25)} .floating-box__testimonials blockquote:last-child {border-bottom: none;} .floating-box__testimonials blockquote p {line-height: 2;} .floating-box__testimonials .slide-toggle-container {margin-top: -0.938em;} .floating-box__testimonials .slide-toggle {font-size: 0.875em; text-transform: uppercase; margin-bottom: 0.500em; display: inline-block; color: #bbc64c} .floating-box__testimonials .slide-toggle:hover, .floating-box__testimonials .slide-toggle:not(.button).active, .floating-box__testimonials .slide-toggle:not(.button).active:after {color: #d5e15a} .slide-toggle .more {display: inline;} .slide-toggle .less {display: none;} .slide-toggle.active .more {display: none;} .slide-toggle.active .less {display: inline;} /******************************************************************************** --- Event List --- *********************************************************************************/ .event-card {padding: 1.875em 0; overflow: hidden; border-top: 1px solid #d3cec1;} .event-card__image {float: left; width: 28%; text-align: center;} .event-card__body {float: left; width: 72%; padding-left:2.500em; position: relative;} .event-card__title {margin-bottom: 0.500em;} .event-card__title a {color: #333;} .event-card__subtitle {display: block; font-size: 1.067em; margin-bottom: 0.938em; font-weight: 400;} .event-card__overview p {font-size: 1.067em; line-height: 1.8;} .event-card__overview :last-child {margin-bottom: 0;} @media print, screen and (min-width: 960px) { .event-card__body {padding-right: 15.625em;} .event-card__actions {position: absolute; top: 0; right:0;} .event-card__actions .button {display: block; width: 13.125em; padding-right: 0; padding-left: 0;} } @media print, screen and (max-width: 959px) { .event-card__overview {margin-bottom: 1.250em;} .event-card__image {width: 32%;} .event-card__body {width: 68%;} } @media print, screen and (max-width: 639px) { .event-card__image {width: 25%;} .event-card__body {width: 75%;} } @media print, screen and (max-width: 479px) { .event-card__image, .event-card__body {width: 100%;} .event-card__image {margin-bottom: 1.000em;} .event-card__body {padding-left: 0;} } /******************************************************************************** --- Event Detail --- *********************************************************************************/ .event-tabs {font-size: 16px; position: relative;} .event-tabs__bg, .event-tabs__body {background-position: center center; background-repeat: no-repeat; background-size: cover;} .event-tabs__bg {position: absolute; top: 0; width: 25%; height: 100%;} .event-tabs__bg--left {left: 0;} .event-tabs__bg--right {right: 0;} .event-tabs__body {width: 50%; margin: 0 auto; position: relative; padding: 1.563em; text-align: center; z-index: 1;} .event-tabs__body:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(45,51,99,0.9);} .event-tabs__body-inner {position: relative; color: #fff; border: 1px solid #fff; padding: 3.750em;} .event-tabs__label {font-size: 0.983em; display: block; font-weight: 400; text-transform: uppercase; margin-bottom: 1.000em;} .event-tabs__label:after {content: ""; display: block; width: 6.000em; height: 3px; background: #fff; margin:0.500em auto 0;} .event-tabs__title {color: #fff;} .events-tabs__links {display: inline-block; list-style: none; margin: 0; padding: 0; border: 1px solid #fff;} .events-tabs__links li, .events-tabs__links a {display: block;} .events-tabs__links li {float: left;} .events-tabs__links a {font-size: 0.875em; display: block; padding: 0.714em 1.786em; color: #fff; text-transform: uppercase; font-weight: 400; transition: all 250ms ease} .events-tabs__links a:hover, .events-tabs__links li.active a {background: #fff; color: #333;} .events-tabs__links li:not(:last-child) a {border-right: 1px solid #fff} .tab-content {display: none;} .tab-content.active {display: block;} .event-dates__date {font-weight: 400; text-transform:uppercase;} .event-dates__date, .event-dates__details {font-size: 1.250em;} .event-pricing__overview {font-size:1.125em; text-align: center;} .event-pricing__overview .lead {font-size: 1.313em;} .event-register-single .column {float: none; width: 50%; display:block; margin: 0 auto;} @media print, screen and (max-width: 1366px) { .event-tabs {font-size: 15px;} } @media print, screen and (max-width: 1199px) { .event-tabs {font-size: 14px;} .event-tabs__body {padding: 1.250em;} .event-tabs__body-inner {padding: 2.188em;} } @media print, screen and (max-width: 1023px) { .event-tabs__body {width: 60%;} .event-tabs__bg {width: 20%;} } @media print, screen and (max-width: 959px) { .event-tabs {font-size: 13px;} } @media print, screen and (max-width: 800px) { .event-tabs__body {width: 100%;} } @media print, screen and (max-width: 639px) { .event-tabs {font-size: 12px;} .event-tabs__body {padding: 1.000em;} .event-tabs__body-inner {padding: 1.500em;} .event-register-single .column {width: 100%;} } @media print, screen and (max-width: 435px) { .event-tabs {font-size: 11px;} .event-tabs__body {padding: 0.500em;} .event-tabs__body-inner {padding: 1.000em;} } /******************************************************************************** --- Registration Form --- *********************************************************************************/ .form-steps {font-size: 16px; list-style: none; margin-right: 0; margin-left: 0; padding: 0; overflow: hidden; position: relative;} .form-steps li {display: block; float: left; width: 33%; line-height: 1.1; text-align: center; padding: 0 0.500em; position: relative;} .form-steps li:before {content: ""; display: block; width: 100%; height: 1px; position: absolute; top:1.750em; right:0; background: #ab2560} .form-steps li:first-child:before {width: 50%;} .form-steps li:last-child:before {width: 50%; left: 0;} .form-steps_step {position: relative;} .form-steps__circle {display: inline-block; width: 3.375em; height: 3.375em; line-height: 3.375em; border-radius: 3.375em; background: #f6eedb url(../images/template/body-bg.png) repeat; color: #fff; margin-bottom: 0.500em; position: relative;} .form-steps__circle:before {content: ""; display: block; width: 100%; height: 100%; border-radius: 3.375em; position: absolute; background: #ab2560;} .form-steps__circle > span {font-size: 1.500em; position: relative;} .form-steps__circle .icon-check2 {line-height: inherit;} .form-steps__title {display: block;} .form-steps li:not(.active):not(.completed) .form-steps__circle:before, .form-steps li:not(.active):not(.completed) .form-steps__title { opacity: 0.45} .event-register__form h2 {font-size: 1.250em; font-family: 'Montserrat',sans-serif; background: #bac64b; color: #fff; padding: 0.750em 1.250em; text-transform: uppercase;} .event-register__form h2.form-total {background: #6d124f; text-align: center;} .success-message {border: 1px solid #bac64b; padding: 3.000em;} .success-message h1, .success-message h2, .success-message h3, .success-message h4, .success-message h5 {color: #bac64b} @media print, screen and (max-width: 1023px) { .form-steps {font-size: 15px;} } @media print, screen and (max-width: 959px) { .form-steps {font-size: 14px;} } @media print, screen and (max-width: 639px) { .form-steps {font-size: 12px;} } @media print, screen and (max-width: 479px) { .form-steps {font-size: 11px;} } @media print, screen and (max-width: 375px) { .form-steps {font-size: 10px;} } @media print, screen and (max-width: 320px) { .form-steps {font-size: 9px;} } /******************************************************************************** --- Paid Forms--- *********************************************************************************/ .store-checkout-cc {margin-top: 1.500em;} .store-checkout-cc ul {overflow:hidden; list-style:none; margin:0; padding:0; line-height: 1;} .store-checkout-cc li {font-size: 2.875em; display:block; float:left; height: 1.000em; line-height:1; margin-right:0.130em;} .store-checkout-cc .icon-cc-visa {color: #1a1f71;} .store-checkout-cc .icon-cc-mastercard {color: #0a3981} .store-checkout-cc .icon-cc-amex {color:#0072BC;} .store-checkout-cc .icon-cc-discover {color:#f68026} .checkout_total {font-size:1.750rem;} @media only screen and (max-width: 639px) { .store-checkout-cc {font-size: 12px;} } @media only screen and (max-width: 479px) { .store-checkout-cc {font-size: 14px; margin-top: 0; margin-bottom: 1.000em;} } /******************************************************************************** --- Shared Component Styles --- *********************************************************************************/ .full-width-blocks__body h1, .full-width-blocks__body h2, .full-width-blocks__body h3, .full-width-blocks__body h4, .full-width-blocks__body h5, .full-width-blocks__body h6, .floating-box__body-inner h1, .floating-box__body-inner h2, .floating-box__body-inner h3, .floating-box__body-inner h4, .floating-box__body-inner h5, .floating-box__body-inner h6, .full-width-background h1, .full-width-background h2, .full-width-background h3, .full-width-background h4, .full-width-background h5, .full-width-background h6, .floating-box__image-content h1, .floating-box__image-content h2, .floating-box__image-content h3, .floating-box__image-content h4, .floating-box__image-content h5, .floating-box__image-content h6 {color: #fff;} .full-width-blocks__body ul.bullets li:before, .floating-box__body-inner ul.bullets li:before, .full-width-background ul.bullets li:before, .floating-box__image-content ul.bullets li:before {color: #fff;} .full-width-blocks__body .accordion, .full-width-blocks__body .accordion dt, .floating-box__body-inner .accordion, .floating-box__body-inner .accordion dt, .full-width-background .accordion, .full-width-background .accordion dt, .floating-box__image-content .accordion, .floating-box__image-content dt {border-color: #fff;} .full-width-blocks__body .accordion dt:after, .floating-box__body-inner .accordion dt:after, .full-width-background .accordion dt:after, .floating-box__image-content .accordion dt:after {color: #fff;} .full-width-blocks__body .table tr, .floating-box__body-inner .table tr, .full-width-background .table tr, .floating-box__image-content .table tr {border-color: rgba(255,255,255,0.25)} .bg-dark-magenta a {color: rgba(255,255,255,0.65);} .bg-dark-magenta a:hover {color: rgba(255,255,255,1);} /******************************************************************************** --- Full Width Blocks --- *********************************************************************************/ .card-block {display: block; background-position: center center; background-repeat: no-repeat; background-size: cover; text-align: center; position: relative; margin-bottom: 2em;} .card-block:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51,51,51,0.5)} .card-block__body {position: relative; padding:5.313em 1.563em; color: #fff;} .card-block__title {font-size: 1.250em; font-family: 'Montserrat',sans-serif; color: #fff; text-transform: uppercase;} .card-block__subtitle {display: block; font-size: 1.125em; font-weight: 400; margin: 0.500em;} .card-block .button {margin-bottom: 0; position: relative; top: 1.563em;} @media print, screen and (max-width: 639px) { .card-block__body {padding:3.000em 1.000em; } } /******************************************************************************** --- Full Width Blocks --- *********************************************************************************/ .full-width-blocks-row {overflow: hidden;} .full-width-blocks {float: left; width: 50%;} .full-width-blocks__body {max-width: 520px; margin:0 auto; padding:6.250em 2.188em; color: #fff;} @media print, screen and (max-width: 800px) { .full-width-blocks {float: none; width: 100%;} } @media print, screen and (max-width: 639px) { .full-width-blocks__body {padding-top:4.000em; padding-bottom: 4.000em;} } @media print, screen and (max-width: 479px) { .full-width-blocks__body {padding-top:3.000em; padding-bottom: 3.000em;} } @media print, screen and (max-width: 375px) { .full-width-blocks__body {padding-top:2.000em; padding-bottom: 2.000em;} } /******************************************************************************** --- Floating Box --- *********************************************************************************/ .floating-box {overflow: hidden;} .floating-box__image {width: 35%; margin-top: 6.250em; position: relative; z-index: 1;} .floating-box__body {width: 65%; color: #fff; min-height: 40.625em;} .floating-box__body-inner {font-size: 1.125em; max-width: 750px; margin: 0 auto; padding:5.556em 1.944em; position: relative;} .floating-box__body-bg {background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} .floating-box__body-bg:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .floating-box__body-bg.bg-purple:before {background-color: rgba(44, 51, 97,0.80)} .floating-box__body-bg.bg-dark-magenta:before {background-color: rgba(109, 18, 79,0.80)} .floating-box__body-bg.bg-orange:before {background-color: rgba(230, 139, 41,0.80)} .floating-box__body-bg.bg-green:before {background-color: rgba(186, 198, 75,0.80)} .floating-box__body-bg.bg-turquoise:before {background-color: rgba(17, 142, 156,0.80)} .floating-box__body.bg-turquoise a {color: #bac64b; transition: opacity 300ms} .floating-box__body.bg-turquoise a:hover {opacity: .45;} .floating-box__body.bg-turquoise a.button {color: #fff;} .floating-box__body.bg-purple a {color: #bac64b; transition: opacity 300ms} .floating-box__body.bg-purple a:hover {opacity: .45;} .floating-box__body.bg-purple a.button {color: #fff;} .floating-box__image-content {font-size: 1.125em; max-width: 500px; text-align: left; color: #fff; padding:3.556em 3.944em; position: relative;} .floating-box__image-content blockquote {font-size: 1.000em; margin-bottom: 0; padding:0 0 0 3.500em; border-bottom: none;} .floating-box__image-content blockquote p {line-height: 2;} .floating-box__image-content blockquote:not(.testimonial--image):before {top: 0.500em; background-image: url(../images/template/quote-white-transparent.png);} .floating-box--left .floating-box__image {float: left; text-align: right; } .floating-box--left .floating-box__image > img, .floating-box--left .floating-box__image-content {margin-right: -6.250em} .floating-box--left .floating-box__image-content {float:right;} .floating-box--left .floating-box__body {float: right; padding-left: 6.250em;} .floating-box--right .floating-box__image {float: right; text-align: left; } .floating-box--right .floating-box__image > img, .floating-box--right .floating-box__image-content {margin-left: -6.250em} .floating-box--right .floating-box__image-content {float:left;} .floating-box--right .floating-box__body {float: left; padding-right: 6.250em;} @media print, screen and (max-width: 959px) { .floating-box__image {width: 25%; margin-top: 3.125em;} .floating-box__image-content {padding-top: 2.000em; padding-bottom: 2.000em;} .floating-box__body { width: 75%;} } @media print, screen and (max-width: 800px) { .floating-box--left .floating-box__image > img {margin-right: -3.000em} .floating-box--left .floating-box__body {padding-left: 3.000em;} .floating-box--right .floating-box__image > img {margin-left: -3.000em} .floating-box--right .floating-box__body {padding-right: 3.000em;} .floating-box--content .floating-box__image {float: none; width: 100%; margin: 0;} .floating-box--content .floating-box__body {float: none; width: 100%;} .floating-box--content.floating-box--left .floating-box__body {padding-left: 0;} .floating-box--content.floating-box--right .floating-box__body {padding-right: 0;} .floating-box--left .floating-box__image-content, .floating-box--right .floating-box__image-content {float: none; max-width: 80%; margin: 0 auto -3.000em;} .floating-box__image-content {padding-top: 3.000em; padding-bottom: 3.000em;} .floating-box__body {min-height: 30.000em;} } @media print, screen and (max-width: 639px) { .floating-box__image {float: none; width: 100%; margin: 0;} .floating-box--left .floating-box__image, .floating-box--right .floating-box__image {text-align: center;} .floating-box__image > img {margin: 0 0 -3.000em 0; max-width: 55%; } .floating-box--left .floating-box__image > img, .floating-box--right .floating-box__image > img {margin-right: 0; margin-left: 0;} .floating-box__body {float: none; width: 100%;} .floating-box--left .floating-box__body {padding-left: 0;} .floating-box--right .floating-box__body {padding-right: 0;} .floating-box__body-inner {padding-bottom: 4.000em;} .floating-box__body {min-height: 25.000em;} } @media print, screen and (max-width: 479px) { .floating-box__body-inner {padding-bottom: 3.000em;} .floating-box--left .floating-box__image-content, .floating-box--right .floating-box__image-content {max-width: 90%;} .floating-box__body {min-height: 20.000em;} } @media print, screen and (max-width: 375px) { .floating-box__body-inner {padding-top: 4.500em; padding-bottom: 2.000em;} } /******************************************************************************** --- Component - Full Width Background --- *********************************************************************************/ .full-width-background {color: #fff;} .full-width-background > div {position: relative;} .full-width-background--bg {background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative;} .full-width-background--bg:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(51,51,51,0.50)} .full-width-background--border {padding: 2.500em;} .full-width-background--border.full-width-background--bg:before {background-color: rgba(44, 51, 97,0.9)} .full-width-background__border {border: 1px solid #fff;} @media print, screen and (max-width: 639px) { .full-width-background--border {padding: 1.500em;} } @media print, screen and (max-width: 639px) { .full-width-background--border {padding: 1.500em;} } @media print, screen and (max-width: 375px) { .full-width-background--border {padding: 1.000em;} } /******************************************************************************** --- Image Strip --- *********************************************************************************/ .image-strip-row {overflow: hidden;} .image-strip {float: left; width:25%; } .image-strip img {display: block; width: 100%;} /******************************************************************************** --- Team - List --- *********************************************************************************/ .bio {padding: 0 0.625em; margin-bottom: 3.750em; text-align: center;} .bio__image {margin-bottom: 0.625em;} .bio__image img {width: 100%; max-width: 250px; display:inline-block; border-radius: 50%; transition: opacity 250ms ease;} .bio__image.hover:hover img {opacity: 0.75;} .bio__name {font-size: 1.500em; margin-bottom: 0.417em;} .bio__name a {color: #333;} .bio__name a:hover {color: #ab2560;} .bio__title, .bio__link {font-size: 0.938em; display: block;} .bio__title {margin-bottom: 0.667em;} .bio__link {text-transform: uppercase;} /******************************************************************************** --- Team - List Small --- *********************************************************************************/ .bio-list-small {overflow: hidden; margin-bottom: 2.000em} .bio-list-small__image {float:left; width: 17.545%;} .bio-list-small__image img {border-radius: 50%;} .bio-list-small__body {float:right; width: 78%;} .bio-list-small__body a {color: #bbc64c} .bio-list-small__body a:hover {color: #d4e056} .bio-list-small__name {font-size: 1.250em; font-weight: 400; font-family: 'Montserrat',sans-serif; margin-top: 0.500em; margin-bottom: 0.250em;} /******************************************************************************** --- Article Cards --- *********************************************************************************/ .article-card-list {font-size: 16px;} .article-card-list.row {margin-right: -0.500rem; margin-left: -0.500rem;} .article-card-list .column {padding-right: 0.500rem; padding-left: 0.500rem;} .article-card-list {margin-top: 7.500em;} .article-card__body {background: #40466e; color: #fff; padding: 2.188em;} .article-card__image {margin-top: -7.500em; margin-bottom: 1.250em;} .article-card__title {font-size: 1.500em;} .article-card__overview p {line-height: 2;} .article-card__overview :last-child {margin-bottom: 0;} .article-card__actions {background: #40466e;} .article-card__actions .button {display: block; width: 100%; background-color: #2c3361} .article-card__actions .button:hover {background: #363e73} @media print, screen and (max-width: 1199px) { .article-card-list {font-size: 15px;} } @media print, screen and (max-width: 1023px) { .article-card-list {font-size: 14px;} } @media print, screen and (max-width: 959px) { .article-card-list {font-size: 13px;} } @media print, screen and (max-width: 800px) { .article-card-list {font-size: 12px;} .article-card__body {padding: 1.500em;} } @media print, screen and (max-width: 639px) { .article-card-list {font-size: 14px; text-align: center; margin: 0;} .article-card {margin-top: 7.500em} .article-card__body {padding: 2.188em;} .article-card__title:before {left: 50%; margin-left: -1.059em;} } @media print, screen and (max-width: 479px) { .article-card-list {font-size: 13px;} } @media print, screen and (max-width: 375px) { .article-card__body {padding: 1.500em;} } /******************************************************************************** --- PYC Journal --- *********************************************************************************/ .article-post {overflow: hidden; margin-bottom: 2.500em; padding-bottom: 2.500em; border-bottom: 1px solid #d3cec1;} .article-post__image {width: 38%; float: left;} .article-post__title.headings {margin-bottom: 0.500em;} .article-post__title.headings a {color: #333;} .article-post__body {width: 58%; float: right;} .article-post__body p {font-size: 1.063em; margin-bottom: 0.882em;} .article-detail__header {text-align: center; margin-bottom: 1.500em} .article-detail__header h1.headings {margin-bottom: 0.500em;} .article-detail__date, .article-detail__author {display: block; font-weight: 400;} .article-detail__image {text-align: center; margin-bottom: 1.500em;} .author-bio {margin-top: 2.000em; overflow: hidden; padding: 1.250em; background: rgba(255,255,255,0.50)} .author-bio__image {float:left; width: 17.545%;} .author-bio__image img {border-radius: 50%;} .author-bio__body {float:right; width: 78%;} .author-bio__body h3 {margin-bottom: 0.500em;} .article-detail__social {margin-top: 2.000em; overflow: hidden;} .article-detail__social-label {font-size: 1.500em; float: left; margin-right: 0.500em; font-weight: 700; font-family: 'Sheila',sans-serif; display: block;} .article-detail__social-toolbox {float: left;} .article-recent-list {list-style: none; margin: 0; padding: 0;} .article-recent-list li, .article-recent-list a {display: block;} .article-recent {overflow: hidden; padding: 0.750em 0; border-bottom: 1px solid #d3cec1;} .article-recent__image {display:block; float: left; width: 30%;} .article-recent__title {font-size: 1em; display: block; float: right; width: 66%; color: #333;} .article-tag-list {list-style: none; margin: 0; padding: 0;} .article-tag-list li {display: inline-block; margin:0.375em 0.188em 0.375em 0; } .article-tag-list a {font-size: 0.750em; display: block; padding: 0.333em 0.833em; background: #ab2560; color: #fff; transition:background-color 250ms ease;} .article-tag-list a:hover {background-color: #6d124f} .caption {font-size: 0.8rem; font-weight: 100; text-align: center; max-width: 250px; margin: 5px auto 0;} /******************************************************************************** --- Pagination --- *********************************************************************************/ .pagination:before,.pagination:after{content:" ";display:table}.pagination:after{clear:both} .pag-button {text-decoration: none; text-align: center; display:block; padding:0 1.250em; height:2.250em; line-height:2.250em; outline: none; color:#333; border:1px solid #333; transition: all 250ms ease;} .pag-button:hover {background-color: #333; color:#fff;} .pag-next, .pag-prev, .pag-jump {float:left;} .pag-prev {margin-right:0.250em;} .pag-jump {width:6.250em; position:relative; cursor:pointer; list-style:none; margin:0 0 0 0.625em; padding:0;} .pag-jump-label {display:block; text-align:center; height:2.250em; line-height:2.250em; border: 1px solid #333; color: #333;} .pag-jump-label:after {content:"\e695"; font-family: 'CD-Project-Icons'; margin-left:0.375em;} .drop-active .pag-jump-label:after {content:"\e69c"} .pag-jump ul {display:none; position:absolute; top:auto; right:0; width:100%; max-height: 12.500em; overflow-y: auto; text-align:center; border: 1px solid #333; list-style:none; margin:0.188em 0 0 0; padding:0;} .pag-jump a {color:#333; transition: all 250ms ease;} .pag-jump ul li a {display:block; padding:0.375em 0.625em; line-height:1.2;} .pag-jump ul li:not(:last-child) {border-bottom:1px solid #333;} .pag-jump ul li a:hover {background:#333; color: #fff;} .pag-jump ul li.active a {background:#ab2560; color:#fff; cursor:default;} .pag-jump ul.dropdown-active {display:block; z-index:1;} /******************************************************************************** --- Side Modules --- *********************************************************************************/ .article-aside {margin-bottom: 3.000em;} .article-aside__title {display: block; background-color: #2c3361; text-align: center; color: #fff; text-transform: uppercase; font-weight: 700; padding: 0.938em; margin-bottom: 0.500em;} /******************************************************************************** --- Page Tabs --- *********************************************************************************/ .page-tabs {text-align: center;} .page-tabs ul {display: inline-block; margin: 0; padding: 0; border: 1px solid #333} .page-tabs li, .page-tabs a {display: block;} .page-tabs li {float: left;} .page-tabs a {font-size: 0.875em; display: block; padding: 0.714em 1.786em; color: #333; text-transform: uppercase; font-weight: 400; transition: all 250ms ease} .page-tabs a:hover, .page-tabs li.active a {background: #6c124f; color: #fff;} .page-tab-content {display: none;} .page-tab-content.active {display: block;} @media print, screen and (min-width: 801px) { .page-tabs li:not(:last-child) a {border-right: 1px solid #333} } @media print, screen and (max-width: 800px) { .page-tabs ul, .page-tabs li {display: block; width: 100%;} .page-tabs li {float: none;} .page-tabs li:not(:last-child) a {border-bottom: 1px solid #333} } /******************************************************************************** --- Slider Gallery --- *********************************************************************************/ .slider-gallery {font-size: 16px; padding: 0 2.500em; position: relative;} .slider-gallery .slick-arrow {background:none; position:absolute; width:2.500em; height:3.125em; line-height:3.125em; top:50%; margin:-1.563em 0 0; padding: 0; outline:none; color:#6d124f; transition:all 250ms ease; text-align:center; border:none; z-index:10000;} .slider-gallery .slick-arrow:before {font-size:2.500em; font-family: 'CD-Project-Icons'; line-height:1;} .slider-gallery .slick-arrow:hover {color:#ab2560; } .slider-gallery .slick-arrow:active {color:rgba(255,255,255,1);} .slider-gallery .slick-next{right:-2.500em;} .slider-gallery .slick-next:before {content:"\e6c1"; position:relative;} .slider-gallery .slick-prev {left:-2.500em;} .slider-gallery .slick-prev:before {content:"\e6c0"; position:relative;} .slider-gallery .slick-dots {text-align: center; margin-top: 1.000em;} .slider-gallery .slick-dots li {display: inline-block; margin: 0 0.313em;} .slider-gallery .slick-dots button {display: block; width: 1.125em; height: 1.125em; border-radius: 1.125em; margin: 0; padding: 0; background:transparent; border: 0.188em solid #ab2560; text-indent: -9999em; transition: all 250ms ease;} .slider-gallery .slick-dots li.slick-active button, .slider-gallery .slick-dots button:hover {background-color:#ab2560} @media print, screen and (max-width: 1199px) { .slider-gallery {font-size: 15px;} } @media print, screen and (max-width: 959px) { .slider-gallery {font-size: 14px;} } @media print, screen and (max-width: 800px) { .slider-gallery {font-size: 13px;} } @media print, screen and (max-width: 639px) { .slider-gallery {font-size: 12px;} } @media print, screen and (max-width: 479px) { .slider-gallery {font-size: 11px;} } @media print, screen and (max-width: 375px) { .slider-gallery {font-size: 10px;} } /******************************************************************************** --- Video Gallery --- *********************************************************************************/ .video-item {display: block; text-align: center; margin-bottom: 2.500em;} .video-item img {display: block; width: 100%; margin-bottom: 0.500em;} .video-item__title {font-size: 1em; display: block; color: #333; line-height: 1.35;} /******************************************************************************** --- Audio Gallery --- *********************************************************************************/ .audio-item {position: relative; margin-bottom: 6.000em} .audio-item:nth-child(even) .audio-item__right {background-color: #2d3363} .audio-item::before,.audio-item::after{display:table;content:' '}.audio-item::after{clear:both} .audio-item__right {background-color: #6c124f; color: #fff; padding-left: 35%;} .audio-item__body {padding:2.188em;} .audio-item__left {position: absolute; top:-3.750em; left: 0; width: 35%; text-align: center; padding: 1.563em;} .audio-item__clip {display: inline-block; max-width: 320px; position: relative;} .audio-item__clip audio {position: absolute; bottom: 0; left: 0; width: 100%;} @media print, screen and (max-width: 1199px) { .audio-item__body {padding-right: 1.250em; padding-left: 1.250em;} } @media print, screen and (max-width: 959px) { .audio-item__right {padding-left: 45%;} .audio-item__left {width: 45%;} } @media print, screen and (max-width: 479px) { .audio-item {margin-bottom: 2.500em;} .audio-item__left {position: relative; top: inherit; left: inherit; margin-bottom: -5.000em; width: 100%;} .audio-item__right {padding-left: 0;} .audio-item__body {padding-top: 6.250em;} } /******************************************************************************** --- CD Font Icons Packcage - Full (replace with project icon set if supplied) --- *********************************************************************************/ @font-face { font-family: 'CD-Project-Icons'; src: url(fonts/CD-Project-Icons.woff2?xfbk48) format('woff2'), url(fonts/CD-Project-Icons.ttf?xfbk48) format('truetype'), url(fonts/CD-Project-Icons.woff?xfbk48) format('woff'), url(fonts/CD-Project-Icons.svg?xfbk48#CD-Project-Icons) format('svg'); font-weight: normal; font-style: normal; }[class^="icon-"],[class*=" icon-"]{font-family:'CD-Project-Icons'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-px:before{content:"\e600"}.icon-px-with-circle:before{content:"\e601"}.icon-account-circle:before{content:"\e602"}.icon-add:before{content:"\e603"}.icon-add-box:before{content:"\e604"}.icon-add-circle:before{content:"\e605"}.icon-add-circle-outline:before{content:"\e606"}.icon-address:before{content:"\e607"}.icon-add-to-list:before{content:"\e608"}.icon-add-user:before{content:"\e609"}.icon-adjust:before{content:"\e60a"}.icon-adjust2:before{content:"\e60b"}.icon-adn:before{content:"\e60c"}.icon-air:before{content:"\e60d"}.icon-aircraft:before{content:"\e60e"}.icon-aircraft-landing:before{content:"\e60f"}.icon-aircraft-take-off:before{content:"\e610"}.icon-align-bottom:before{content:"\e611"}.icon-align-center:before{content:"\e612"}.icon-align-horizontal-middle:before{content:"\e613"}.icon-align-justify:before{content:"\e614"}.icon-align-left:before{content:"\e615"}.icon-align-left2:before{content:"\e616"}.icon-align-right:before{content:"\e617"}.icon-align-right2:before{content:"\e618"}.icon-align-top:before{content:"\e619"}.icon-align-vertical-middle:before{content:"\e61a"}.icon-ambulance:before{content:"\e61b"}.icon-anchor:before{content:"\e61c"}.icon-angle-double-down:before{content:"\e61f"}.icon-angle-double-left:before{content:"\e620"}.icon-angle-double-right:before{content:"\e621"}.icon-angle-double-up:before{content:"\e622"}.icon-angle-down:before{content:"\e623"}.icon-angle-left:before{content:"\e624"}.icon-angle-right:before{content:"\e625"}.icon-angle-up:before{content:"\e626"}.icon-archive:before{content:"\e628"}.icon-archive2:before{content:"\e629"}.icon-area-chart:before{content:"\e62a"}.icon-area-graph:before{content:"\e62b"}.icon-arrow-back:before{content:"\e62c"}.icon-arrow-bold-down:before{content:"\e62d"}.icon-arrow-bold-left:before{content:"\e62e"}.icon-arrow-bold-right:before{content:"\e62f"}.icon-arrow-bold-up:before{content:"\e630"}.icon-arrow-circle-down:before{content:"\e631"}.icon-arrow-circle-left:before{content:"\e632"}.icon-arrow-circle-o-down:before{content:"\e633"}.icon-arrow-circle-o-left:before{content:"\e634"}.icon-arrow-circle-o-right:before{content:"\e635"}.icon-arrow-circle-o-up:before{content:"\e636"}.icon-arrow-circle-right:before{content:"\e637"}.icon-arrow-circle-up:before{content:"\e638"}.icon-arrow-down:before{content:"\e639"}.icon-arrow-down2:before{content:"\e63a"}.icon-arrow-drop-down:before{content:"\e63b"}.icon-arrow-drop-down-circle:before{content:"\e63c"}.icon-arrow-drop-up:before{content:"\e63d"}.icon-arrow-forward:before{content:"\e63e"}.icon-arrow-left:before{content:"\e63f"}.icon-arrow-left2:before{content:"\e640"}.icon-arrow-long-down:before{content:"\e641"}.icon-arrow-long-left:before{content:"\e642"}.icon-arrow-long-right:before{content:"\e643"}.icon-arrow-long-up:before{content:"\e644"}.icon-arrow-right:before{content:"\e645"}.icon-arrow-right2:before{content:"\e646"}.icon-arrows:before{content:"\e647"}.icon-arrows-alt:before{content:"\e648"}.icon-arrows-h:before{content:"\e649"}.icon-arrows-v:before{content:"\e64a"}.icon-arrow-up:before{content:"\e64b"}.icon-arrow-up2:before{content:"\e64c"}.icon-arrow-with-circle-down:before{content:"\e64d"}.icon-arrow-with-circle-left:before{content:"\e64e"}.icon-arrow-with-circle-right:before{content:"\e64f"}.icon-arrow-with-circle-up:before{content:"\e650"}.icon-at:before{content:"\e652"}.icon-attachment:before{content:"\e653"}.icon-automobile:before{content:"\e654"}.icon-autorenew:before{content:"\e655"}.icon-awareness-ribbon:before{content:"\e656"}.icon-back:before{content:"\e657"}.icon-back-in-time:before{content:"\e658"}.icon-backward:before{content:"\e659"}.icon-ban:before{content:"\e65a"}.icon-bank:before{content:"\e65b"}.icon-bar-chart:before{content:"\e65c"}.icon-barcode:before{content:"\e65d"}.icon-bar-graph:before{content:"\e65e"}.icon-bars:before{content:"\e65f"}.icon-basecamp:before{content:"\e660"}.icon-battery:before{content:"\e661"}.icon-beamed-note:before{content:"\e662"}.icon-beer:before{content:"\e663"}.icon-bell:before{content:"\e667"}.icon-bell2:before{content:"\e668"}.icon-bell-o:before{content:"\e669"}.icon-bell-slash:before{content:"\e66a"}.icon-bell-slash-o:before{content:"\e66b"}.icon-bicycle:before{content:"\e66c"}.icon-binoculars:before{content:"\e66d"}.icon-birthday-cake:before{content:"\e66e"}.icon-bitcoin:before{content:"\e671"}.icon-blackboard:before{content:"\e672"}.icon-block:before{content:"\e673"}.icon-bold:before{content:"\e674"}.icon-bolt:before{content:"\e675"}.icon-bomb:before{content:"\e676"}.icon-book:before{content:"\e677"}.icon-book2:before{content:"\e678"}.icon-bookmark:before{content:"\e679"}.icon-bookmark2:before{content:"\e67a"}.icon-bookmark-o:before{content:"\e67b"}.icon-bookmarks:before{content:"\e67c"}.icon-bowl:before{content:"\e67d"}.icon-box:before{content:"\e67e"}.icon-briefcase:before{content:"\e67f"}.icon-briefcase2:before{content:"\e680"}.icon-browser:before{content:"\e681"}.icon-brush:before{content:"\e682"}.icon-bucket:before{content:"\e683"}.icon-bug:before{content:"\e684"}.icon-building:before{content:"\e685"}.icon-building-o:before{content:"\e686"}.icon-bullhorn:before{content:"\e687"}.icon-bullseye:before{content:"\e688"}.icon-bus:before{content:"\e689"}.icon-cab:before{content:"\e68a"}.icon-cached:before{content:"\e68b"}.icon-cake:before{content:"\e68c"}.icon-calculator:before{content:"\e68d"}.icon-calculator2:before{content:"\e68e"}.icon-calendar:before{content:"\e68f"}.icon-calendar2:before{content:"\e690"}.icon-calendar-o:before{content:"\e691"}.icon-camera:before{content:"\e692"}.icon-camera2:before{content:"\e693"}.icon-camera-retro:before{content:"\e694"}.icon-caret-down:before{content:"\e695"}.icon-caret-left:before{content:"\e696"}.icon-caret-right:before{content:"\e697"}.icon-caret-square-o-down:before{content:"\e698"}.icon-caret-square-o-left:before{content:"\e699"}.icon-caret-square-o-right:before{content:"\e69a"}.icon-caret-square-o-up:before{content:"\e69b"}.icon-caret-up:before{content:"\e69c"}.icon-cc:before{content:"\e69d"}.icon-ccw:before{content:"\e6a4"}.icon-certificate:before{content:"\e6a5"}.icon-chain:before{content:"\e6a6"}.icon-chain-broken:before{content:"\e6a7"}.icon-chat:before{content:"\e6a8"}.icon-check:before{content:"\e6a9"}.icon-check2:before{content:"\e6aa"}.icon-check-box:before{content:"\e6ab"}.icon-check-box-outline-blank:before{content:"\e6ac"}.icon-check-circle:before{content:"\e6ad"}.icon-check-circle-o:before{content:"\e6ae"}.icon-check-square:before{content:"\e6af"}.icon-check-square-o:before{content:"\e6b0"}.icon-chevron-circle-down:before{content:"\e6b1"}.icon-chevron-circle-left:before{content:"\e6b2"}.icon-chevron-circle-right:before{content:"\e6b3"}.icon-chevron-circle-up:before{content:"\e6b4"}.icon-chevron-down:before{content:"\e6b5"}.icon-chevron-down2:before{content:"\e6b6"}.icon-chevron-left:before{content:"\e6b7"}.icon-chevron-left2:before{content:"\e6b8"}.icon-chevron-right:before{content:"\e6b9"}.icon-chevron-right2:before{content:"\e6ba"}.icon-chevron-small-down:before{content:"\e6bb"}.icon-chevron-small-left:before{content:"\e6bc"}.icon-chevron-small-right:before{content:"\e6bd"}.icon-chevron-small-up:before{content:"\e6be"}.icon-chevron-thin-down:before{content:"\e6bf"}.icon-chevron-thin-left:before{content:"\e6c0"}.icon-chevron-thin-right:before{content:"\e6c1"}.icon-chevron-thin-up:before{content:"\e6c2"}.icon-chevron-up:before{content:"\e6c3"}.icon-chevron-up2:before{content:"\e6c4"}.icon-chevron-with-circle-down:before{content:"\e6c5"}.icon-chevron-with-circle-left:before{content:"\e6c6"}.icon-chevron-with-circle-right:before{content:"\e6c7"}.icon-chevron-with-circle-up:before{content:"\e6c8"}.icon-child:before{content:"\e6c9"}.icon-circle:before{content:"\e6ca"}.icon-circle2:before{content:"\e6cb"}.icon-circle-o:before{content:"\e6cc"}.icon-circle-o-notch:before{content:"\e6cd"}.icon-circle-thin:before{content:"\e6ce"}.icon-circle-with-cross:before{content:"\e6cf"}.icon-circle-with-minus:before{content:"\e6d0"}.icon-circle-with-plus:before{content:"\e6d1"}.icon-circular-graph:before{content:"\e6d2"}.icon-clapperboard:before{content:"\e6d3"}.icon-classic-computer:before{content:"\e6d4"}.icon-clear:before{content:"\e6d5"}.icon-clipboard:before{content:"\e6d6"}.icon-clipboard2:before{content:"\e6d7"}.icon-clock:before{content:"\e6d8"}.icon-clock-o:before{content:"\e6d9"}.icon-close:before{content:"\e6da"}.icon-cloud:before{content:"\e6db"}.icon-cloud2:before{content:"\e6dc"}.icon-cloud-download:before{content:"\e6dd"}.icon-cloud-upload:before{content:"\e6de"}.icon-cny:before{content:"\e6df"}.icon-code:before{content:"\e6e0"}.icon-code2:before{content:"\e6e1"}.icon-code-fork:before{content:"\e6e2"}.icon-coffee:before{content:"\e6e4"}.icon-cog:before{content:"\e6e5"}.icon-cog2:before{content:"\e6e6"}.icon-cogs:before{content:"\e6e7"}.icon-colours:before{content:"\e6e8"}.icon-columns:before{content:"\e6e9"}.icon-comment:before{content:"\e6ea"}.icon-comment-o:before{content:"\e6eb"}.icon-comments:before{content:"\e6ec"}.icon-comments-o:before{content:"\e6ed"}.icon-compass:before{content:"\e6ee"}.icon-compass2:before{content:"\e6ef"}.icon-compress:before{content:"\e6f0"}.icon-content-paste:before{content:"\e6f1"}.icon-controller-fast-backward:before{content:"\e6f2"}.icon-controller-fast-forward:before{content:"\e6f3"}.icon-controller-jump-to-start:before{content:"\e6f4"}.icon-controller-next:before{content:"\e6f5"}.icon-controller-paus:before{content:"\e6f6"}.icon-controller-play:before{content:"\e6f7"}.icon-controller-record:before{content:"\e6f8"}.icon-controller-stop:before{content:"\e6f9"}.icon-controller-volume:before{content:"\e6fa"}.icon-copy:before{content:"\e6fb"}.icon-copy2:before{content:"\e6fc"}.icon-copyright:before{content:"\e6fd"}.icon-creative-cloud:before{content:"\e6fe"}.icon-creative-commons:before{content:"\e6ff"}.icon-creative-commons-attribution:before{content:"\e700"}.icon-creative-commons-noderivs:before{content:"\e701"}.icon-creative-commons-noncommercial-eu:before{content:"\e702"}.icon-creative-commons-noncommercial-us:before{content:"\e703"}.icon-creative-commons-public-domain:before{content:"\e704"}.icon-creative-commons-remix:before{content:"\e705"}.icon-creative-commons-share:before{content:"\e706"}.icon-creative-commons-sharealike:before{content:"\e707"}.icon-credit:before{content:"\e708"}.icon-credit-card:before{content:"\e709"}.icon-credit-card2:before{content:"\e70a"}.icon-crop:before{content:"\e70b"}.icon-cross:before{content:"\e70c"}.icon-crosshairs:before{content:"\e70d"}.icon-css3:before{content:"\e70e"}.icon-cube:before{content:"\e70f"}.icon-cubes:before{content:"\e710"}.icon-cup:before{content:"\e711"}.icon-cut:before{content:"\e712"}.icon-cutlery:before{content:"\e713"}.icon-cw:before{content:"\e714"}.icon-cycle:before{content:"\e715"}.icon-dashboard:before{content:"\e716"}.icon-database:before{content:"\e717"}.icon-database2:before{content:"\e718"}.icon-dedent:before{content:"\e719"}.icon-delicious:before{content:"\e71a"}.icon-desktop:before{content:"\e71b"}.icon-dial-pad:before{content:"\e71d"}.icon-direction:before{content:"\e71f"}.icon-document:before{content:"\e720"}.icon-document-landscape:before{content:"\e721"}.icon-documents:before{content:"\e722"}.icon-dollar:before{content:"\e723"}.icon-done:before{content:"\e724"}.icon-dot-circle-o:before{content:"\e725"}.icon-dot-single:before{content:"\e726"}.icon-dots-three-horizontal:before{content:"\e727"}.icon-dots-three-vertical:before{content:"\e728"}.icon-dots-two-horizontal:before{content:"\e729"}.icon-dots-two-vertical:before{content:"\e72a"}.icon-download:before{content:"\e72b"}.icon-download2:before{content:"\e72c"}.icon-dribbble:before{content:"\e72d"}.icon-dribbble2:before{content:"\e72e"}.icon-dribbble-with-circle:before{content:"\e72f"}.icon-drink:before{content:"\e730"}.icon-drive:before{content:"\e731"}.icon-drop:before{content:"\e732"}.icon-dropbox2:before{content:"\e734"}.icon-drupal:before{content:"\e735"}.icon-edit:before{content:"\e736"}.icon-edit2:before{content:"\e737"}.icon-eject:before{content:"\e738"}.icon-ellipsis-h:before{content:"\e739"}.icon-ellipsis-v:before{content:"\e73a"}.icon-email:before{content:"\e73b"}.icon-emoji-flirt:before{content:"\e73c"}.icon-emoji-happy:before{content:"\e73d"}.icon-emoji-neutral:before{content:"\e73e"}.icon-emoji-sad:before{content:"\e73f"}.icon-empire:before{content:"\e740"}.icon-envelope:before{content:"\e741"}.icon-envelope-o:before{content:"\e742"}.icon-envelope-square:before{content:"\e743"}.icon-erase:before{content:"\e744"}.icon-eraser:before{content:"\e745"}.icon-eraser2:before{content:"\e746"}.icon-eur:before{content:"\e747"}.icon-exchange:before{content:"\e749"}.icon-exclamation:before{content:"\e74a"}.icon-exclamation-circle:before{content:"\e74b"}.icon-exclamation-triangle:before{content:"\e74c"}.icon-expand:before{content:"\e74d"}.icon-explore:before{content:"\e74e"}.icon-export:before{content:"\e74f"}.icon-external-link:before{content:"\e750"}.icon-external-link-square:before{content:"\e751"}.icon-eye:before{content:"\e752"}.icon-eye2:before{content:"\e753"}.icon-eyedropper:before{content:"\e754"}.icon-eye-slash:before{content:"\e755"}.icon-fast-backward:before{content:"\e75a"}.icon-fast-forward:before{content:"\e75b"}.icon-fax:before{content:"\e75c"}.icon-feather:before{content:"\e75d"}.icon-female:before{content:"\e75e"}.icon-fighter-jet:before{content:"\e75f"}.icon-file:before{content:"\e760"}.icon-file-archive-o:before{content:"\e761"}.icon-file-audio-o:before{content:"\e762"}.icon-file-code-o:before{content:"\e763"}.icon-file-excel-o:before{content:"\e764"}.icon-file-image-o:before{content:"\e765"}.icon-file-movie-o:before{content:"\e766"}.icon-file-o:before{content:"\e767"}.icon-file-pdf-o:before{content:"\e768"}.icon-file-powerpoint-o:before{content:"\e769"}.icon-file-text:before{content:"\e76a"}.icon-file-text-o:before{content:"\e76b"}.icon-file-word-o:before{content:"\e76c"}.icon-film:before{content:"\e76d"}.icon-filter:before{content:"\e76e"}.icon-fire:before{content:"\e76f"}.icon-fire-extinguisher:before{content:"\e770"}.icon-flag:before{content:"\e771"}.icon-flag2:before{content:"\e772"}.icon-flag-checkered:before{content:"\e773"}.icon-flag-o:before{content:"\e774"}.icon-flash:before{content:"\e775"}.icon-flashlight:before{content:"\e776"}.icon-flask:before{content:"\e777"}.icon-flat-brush:before{content:"\e778"}.icon-flattr:before{content:"\e779"}.icon-flickr:before{content:"\e77a"}.icon-flickr2:before{content:"\e77b"}.icon-flickr-with-circle:before{content:"\e77c"}.icon-floppy-o:before{content:"\e77d"}.icon-flow-branch:before{content:"\e77e"}.icon-flow-cascade:before{content:"\e77f"}.icon-flow-line:before{content:"\e780"}.icon-flow-parallel:before{content:"\e781"}.icon-flow-tree:before{content:"\e782"}.icon-folder:before{content:"\e783"}.icon-folder2:before{content:"\e784"}.icon-folder-images:before{content:"\e785"}.icon-folder-music:before{content:"\e786"}.icon-folder-o:before{content:"\e787"}.icon-folder-open:before{content:"\e788"}.icon-folder-open-o:before{content:"\e789"}.icon-folder-video:before{content:"\e78a"}.icon-font:before{content:"\e78b"}.icon-forward:before{content:"\e78c"}.icon-forward2:before{content:"\e78d"}.icon-frown-o:before{content:"\e790"}.icon-funnel:before{content:"\e791"}.icon-futbol-o:before{content:"\e792"}.icon-game-controller:before{content:"\e793"}.icon-gamepad:before{content:"\e794"}.icon-gauge:before{content:"\e795"}.icon-gavel:before{content:"\e796"}.icon-gbp:before{content:"\e797"}.icon-gift:before{content:"\e798"}.icon-github-square:before{content:"\e79d"}.icon-gittip:before{content:"\e7a0"}.icon-glass:before{content:"\e7a1"}.icon-globe:before{content:"\e7a2"}.icon-globe2:before{content:"\e7a3"}.icon-google-wallet:before{content:"\e7aa"}.icon-graduation-cap:before{content:"\e7ac"}.icon-graduation-cap2:before{content:"\e7ad"}.icon-grid:before{content:"\e7ae"}.icon-grooveshark:before{content:"\e7af"}.icon-group:before{content:"\e7b0"}.icon-hacker-news:before{content:"\e7b1"}.icon-hair-cross:before{content:"\e7b2"}.icon-hand:before{content:"\e7b3"}.icon-hand-o-down:before{content:"\e7b4"}.icon-hand-o-left:before{content:"\e7b5"}.icon-hand-o-right:before{content:"\e7b6"}.icon-hand-o-up:before{content:"\e7b7"}.icon-hdd-o:before{content:"\e7b8"}.icon-header:before{content:"\e7b9"}.icon-headphones:before{content:"\e7ba"}.icon-heart:before{content:"\e7bb"}.icon-heart2:before{content:"\e7bc"}.icon-heart-o:before{content:"\e7bd"}.icon-heart-outlined:before{content:"\e7be"}.icon-help:before{content:"\e7bf"}.icon-help-with-circle:before{content:"\e7c0"}.icon-highlight-remove:before{content:"\e7c1"}.icon-history:before{content:"\e7c2"}.icon-home:before{content:"\e7c3"}.icon-home2:before{content:"\e7c4"}.icon-hospital-o:before{content:"\e7c5"}.icon-hour-glass:before{content:"\e7c6"}.icon-h-square:before{content:"\e7c7"}.icon-html5:before{content:"\e7c8"}.icon-icloud:before{content:"\e7c9"}.icon-ils:before{content:"\e7ca"}.icon-image:before{content:"\e7cb"}.icon-image2:before{content:"\e7cc"}.icon-image-inverted:before{content:"\e7cd"}.icon-images:before{content:"\e7ce"}.icon-inbox:before{content:"\e7cf"}.icon-inbox2:before{content:"\e7d0"}.icon-indent:before{content:"\e7d1"}.icon-infinity:before{content:"\e7d2"}.icon-info:before{content:"\e7d3"}.icon-info2:before{content:"\e7d4"}.icon-info-circle:before{content:"\e7d5"}.icon-info-with-circle:before{content:"\e7d6"}.icon-inr:before{content:"\e7d7"}.icon-insert-invitation:before{content:"\e7d8"}.icon-instagram:before{content:"\e7d9"}.icon-instagram2:before{content:"\e7da"}.icon-instagram-with-circle:before{content:"\e7db"}.icon-install:before{content:"\e7dc"}.icon-ioxhost:before{content:"\e7dd"}.icon-italic:before{content:"\e7de"}.icon-jsfiddle:before{content:"\e7e0"}.icon-key:before{content:"\e7e1"}.icon-key2:before{content:"\e7e2"}.icon-keyboard:before{content:"\e7e3"}.icon-keyboard-arrow-down:before{content:"\e7e4"}.icon-keyboard-arrow-left:before{content:"\e7e5"}.icon-keyboard-arrow-right:before{content:"\e7e6"}.icon-keyboard-arrow-up:before{content:"\e7e7"}.icon-keyboard-backspace:before{content:"\e7e8"}.icon-keyboard-control:before{content:"\e7e9"}.icon-keyboard-o:before{content:"\e7ea"}.icon-krw:before{content:"\e7eb"}.icon-lab-flask:before{content:"\e7ec"}.icon-landline:before{content:"\e7ed"}.icon-language:before{content:"\e7ee"}.icon-language2:before{content:"\e7ef"}.icon-laptop:before{content:"\e7f0"}.icon-laptop2:before{content:"\e7f1"}.icon-layers:before{content:"\e7f6"}.icon-leaf:before{content:"\e7f7"}.icon-leaf2:before{content:"\e7f8"}.icon-lemon-o:before{content:"\e7f9"}.icon-level-down:before{content:"\e7fa"}.icon-level-down2:before{content:"\e7fb"}.icon-level-up:before{content:"\e7fc"}.icon-level-up2:before{content:"\e7fd"}.icon-life-bouy:before{content:"\e7fe"}.icon-lifebuoy:before{content:"\e7ff"}.icon-light-bulb:before{content:"\e800"}.icon-lightbulb-o:before{content:"\e801"}.icon-light-down:before{content:"\e802"}.icon-light-up:before{content:"\e803"}.icon-line-chart:before{content:"\e804"}.icon-line-graph:before{content:"\e805"}.icon-link:before{content:"\e806"}.icon-list:before{content:"\e80c"}.icon-list2:before{content:"\e80d"}.icon-list-alt:before{content:"\e80e"}.icon-list-ol:before{content:"\e80f"}.icon-list-ul:before{content:"\e810"}.icon-location:before{content:"\e811"}.icon-location-arrow:before{content:"\e812"}.icon-location-on:before{content:"\e813"}.icon-location-pin:before{content:"\e814"}.icon-lock:before{content:"\e815"}.icon-lock2:before{content:"\e816"}.icon-lock-open:before{content:"\e817"}.icon-login:before{content:"\e818"}.icon-log-out:before{content:"\e819"}.icon-long-arrow-down:before{content:"\e81a"}.icon-long-arrow-left:before{content:"\e81b"}.icon-long-arrow-right:before{content:"\e81c"}.icon-long-arrow-up:before{content:"\e81d"}.icon-loop:before{content:"\e81e"}.icon-magic:before{content:"\e81f"}.icon-magnet:before{content:"\e820"}.icon-magnet2:before{content:"\e821"}.icon-magnifying-glass:before{content:"\e822"}.icon-mail:before{content:"\e823"}.icon-mail-forward:before{content:"\e824"}.icon-mail-reply:before{content:"\e825"}.icon-mail-reply-all:before{content:"\e826"}.icon-male:before{content:"\e827"}.icon-man:before{content:"\e828"}.icon-map:before{content:"\e829"}.icon-map-marker:before{content:"\e82a"}.icon-markunread:before{content:"\e82b"}.icon-mask:before{content:"\e82c"}.icon-medal:before{content:"\e82f"}.icon-medkit:before{content:"\e830"}.icon-megaphone:before{content:"\e831"}.icon-meh-o:before{content:"\e832"}.icon-menu:before{content:"\e833"}.icon-message:before{content:"\e834"}.icon-mic:before{content:"\e835"}.icon-microphone:before{content:"\e836"}.icon-microphone-slash:before{content:"\e837"}.icon-minus:before{content:"\e838"}.icon-minus2:before{content:"\e839"}.icon-minus-circle:before{content:"\e83a"}.icon-minus-square:before{content:"\e83b"}.icon-minus-square-o:before{content:"\e83c"}.icon-mobile:before{content:"\e83e"}.icon-mobile2:before{content:"\e83f"}.icon-modern-mic:before{content:"\e840"}.icon-money:before{content:"\e841"}.icon-moon:before{content:"\e842"}.icon-moon-o:before{content:"\e843"}.icon-more-vert:before{content:"\e844"}.icon-mouse:before{content:"\e845"}.icon-music:before{content:"\e846"}.icon-music2:before{content:"\e847"}.icon-network:before{content:"\e848"}.icon-new:before{content:"\e849"}.icon-new-message:before{content:"\e84a"}.icon-news:before{content:"\e84b"}.icon-newspaper-o:before{content:"\e84c"}.icon-note:before{content:"\e84d"}.icon-notification:before{content:"\e84e"}.icon-old-mobile:before{content:"\e84f"}.icon-old-phone:before{content:"\e850"}.icon-onedrive:before{content:"\e851"}.icon-open-book:before{content:"\e852"}.icon-pagelines:before{content:"\e854"}.icon-paint-brush:before{content:"\e855"}.icon-palette:before{content:"\e856"}.icon-paperclip:before{content:"\e857"}.icon-paper-plane:before{content:"\e858"}.icon-paper-plane2:before{content:"\e859"}.icon-paper-plane-o:before{content:"\e85a"}.icon-paragraph:before{content:"\e85b"}.icon-pause:before{content:"\e85c"}.icon-paw:before{content:"\e85d"}.icon-pencil:before{content:"\e860"}.icon-pencil2:before{content:"\e861"}.icon-pencil-square:before{content:"\e862"}.icon-philanthropy:before{content:"\e863"}.icon-phone:before{content:"\e864"}.icon-phone2:before{content:"\e865"}.icon-phone-square:before{content:"\e866"}.icon-pie-chart:before{content:"\e868"}.icon-pie-chart2:before{content:"\e869"}.icon-pied-piper-alt:before{content:"\e86b"}.icon-pin:before{content:"\e86c"}.icon-plane:before{content:"\e871"}.icon-play:before{content:"\e872"}.icon-play-circle:before{content:"\e873"}.icon-play-circle-o:before{content:"\e874"}.icon-plug:before{content:"\e875"}.icon-plus:before{content:"\e876"}.icon-plus2:before{content:"\e877"}.icon-plus-circle:before{content:"\e878"}.icon-plus-square:before{content:"\e879"}.icon-plus-square-o:before{content:"\e87a"}.icon-popup:before{content:"\e87b"}.icon-power-off:before{content:"\e87c"}.icon-power-plug:before{content:"\e87d"}.icon-price-ribbon:before{content:"\e87e"}.icon-price-tag:before{content:"\e87f"}.icon-print:before{content:"\e880"}.icon-print2:before{content:"\e881"}.icon-progress-empty:before{content:"\e882"}.icon-progress-full:before{content:"\e883"}.icon-progress-one:before{content:"\e884"}.icon-progress-two:before{content:"\e885"}.icon-publish:before{content:"\e886"}.icon-puzzle-piece:before{content:"\e887"}.icon-qrcode:before{content:"\e88a"}.icon-question:before{content:"\e88b"}.icon-question-answer:before{content:"\e88c"}.icon-question-circle:before{content:"\e88d"}.icon-quote:before{content:"\e88e"}.icon-quote-left:before{content:"\e88f"}.icon-quote-right:before{content:"\e890"}.icon-radio:before{content:"\e892"}.icon-radio-button-off:before{content:"\e893"}.icon-radio-button-on:before{content:"\e894"}.icon-random:before{content:"\e895"}.icon-recycle:before{content:"\e898"}.icon-refresh:before{content:"\e89b"}.icon-refresh2:before{content:"\e89c"}.icon-remove:before{content:"\e89d"}.icon-remove-circle:before{content:"\e89e"}.icon-remove-circle-outline:before{content:"\e89f"}.icon-remove-user:before{content:"\e8a0"}.icon-repeat:before{content:"\e8a3"}.icon-reply:before{content:"\e8a4"}.icon-reply-all:before{content:"\e8a5"}.icon-resize-100:before{content:"\e8a6"}.icon-resize-full-screen:before{content:"\e8a7"}.icon-retweet:before{content:"\e8a8"}.icon-retweet2:before{content:"\e8a9"}.icon-road:before{content:"\e8aa"}.icon-rocket:before{content:"\e8ab"}.icon-rocket2:before{content:"\e8ac"}.icon-rotate-left:before{content:"\e8ad"}.icon-rouble:before{content:"\e8ae"}.icon-round-brush:before{content:"\e8af"}.icon-rss:before{content:"\e8b0"}.icon-rss2:before{content:"\e8b1"}.icon-rss-square:before{content:"\e8b2"}.icon-ruler:before{content:"\e8b3"}.icon-save:before{content:"\e8b4"}.icon-scissors:before{content:"\e8b5"}.icon-search:before{content:"\e8b7"}.icon-search-minus:before{content:"\e8b8"}.icon-search-plus:before{content:"\e8b9"}.icon-select-arrows:before{content:"\e8ba"}.icon-send:before{content:"\e8bb"}.icon-share:before{content:"\e8bc"}.icon-shareable:before{content:"\e8bd"}.icon-share-alt:before{content:"\e8be"}.icon-share-alternitive:before{content:"\e8bf"}.icon-share-alt-square:before{content:"\e8c0"}.icon-share-square:before{content:"\e8c1"}.icon-share-square-o:before{content:"\e8c2"}.icon-shield:before{content:"\e8c3"}.icon-shield2:before{content:"\e8c4"}.icon-shop:before{content:"\e8c5"}.icon-shopping-bag:before{content:"\e8c6"}.icon-shopping-basket:before{content:"\e8c7"}.icon-shopping-cart:before{content:"\e8c8"}.icon-shopping-cart2:before{content:"\e8c9"}.icon-shuffle:before{content:"\e8ca"}.icon-signal:before{content:"\e8cb"}.icon-signal2:before{content:"\e8cc"}.icon-sign-in:before{content:"\e8cd"}.icon-sign-out:before{content:"\e8ce"}.icon-sitemap:before{content:"\e8d0"}.icon-sliders:before{content:"\e8d5"}.icon-slideshare:before{content:"\e8d6"}.icon-slideshare2:before{content:"\e8d7"}.icon-smile-o:before{content:"\e8d9"}.icon-sort:before{content:"\e8da"}.icon-sort-alpha-asc:before{content:"\e8db"}.icon-sort-alpha-desc:before{content:"\e8dc"}.icon-sort-amount-asc:before{content:"\e8dd"}.icon-sort-amount-desc:before{content:"\e8de"}.icon-sort-asc:before{content:"\e8df"}.icon-sort-desc:before{content:"\e8e0"}.icon-sort-numeric-asc:before{content:"\e8e1"}.icon-sort-numeric-desc:before{content:"\e8e2"}.icon-sound:before{content:"\e8e3"}.icon-soundcloud:before{content:"\e8e4"}.icon-soundcloud2:before{content:"\e8e5"}.icon-sound-mix:before{content:"\e8e6"}.icon-sound-mute:before{content:"\e8e7"}.icon-space-shuttle:before{content:"\e8e8"}.icon-spinner:before{content:"\e8e9"}.icon-spoon:before{content:"\e8ea"}.icon-sports-club:before{content:"\e8eb"}.icon-spreadsheet:before{content:"\e8ef"}.icon-square:before{content:"\e8f0"}.icon-squared-cross:before{content:"\e8f1"}.icon-squared-minus:before{content:"\e8f2"}.icon-squared-plus:before{content:"\e8f3"}.icon-square-o:before{content:"\e8f4"}.icon-stack-exchange:before{content:"\e8f5"}.icon-stack-overflow:before{content:"\e8f6"}.icon-star:before{content:"\e8f7"}.icon-star2:before{content:"\e8f8"}.icon-star3:before{content:"\e8f9"}.icon-star-half:before{content:"\e8fa"}.icon-star-half2:before{content:"\e8fb"}.icon-star-half-empty:before{content:"\e8fc"}.icon-star-o:before{content:"\e8fd"}.icon-star-outline:before{content:"\e8fe"}.icon-star-outlined:before{content:"\e8ff"}.icon-step-backward:before{content:"\e902"}.icon-step-forward:before{content:"\e903"}.icon-stethoscope:before{content:"\e904"}.icon-stop:before{content:"\e905"}.icon-stopwatch:before{content:"\e906"}.icon-strikethrough:before{content:"\e907"}.icon-subscript:before{content:"\e90c"}.icon-suitcase:before{content:"\e90d"}.icon-suitcase2:before{content:"\e90e"}.icon-sun-o:before{content:"\e90f"}.icon-superscript:before{content:"\e910"}.icon-swap:before{content:"\e911"}.icon-swarm:before{content:"\e912"}.icon-sweden:before{content:"\e913"}.icon-switch:before{content:"\e914"}.icon-table:before{content:"\e915"}.icon-tablet:before{content:"\e916"}.icon-tablet2:before{content:"\e917"}.icon-tag:before{content:"\e918"}.icon-tag2:before{content:"\e919"}.icon-tags:before{content:"\e91a"}.icon-tasks:before{content:"\e91b"}.icon-tencent-weibo:before{content:"\e91c"}.icon-terminal:before{content:"\e91d"}.icon-text:before{content:"\e91e"}.icon-text-document:before{content:"\e91f"}.icon-text-document-inverted:before{content:"\e920"}.icon-text-height:before{content:"\e921"}.icon-text-width:before{content:"\e922"}.icon-th:before{content:"\e923"}.icon-thermometer:before{content:"\e924"}.icon-th-large:before{content:"\e925"}.icon-th-list:before{content:"\e926"}.icon-thumbs-down:before{content:"\e927"}.icon-thumbs-down2:before{content:"\e928"}.icon-thumbs-o-down:before{content:"\e929"}.icon-thumbs-o-up:before{content:"\e92a"}.icon-thumbs-up:before{content:"\e92b"}.icon-thumbs-up2:before{content:"\e92c"}.icon-thumb-tack:before{content:"\e92d"}.icon-thunder-cloud:before{content:"\e92e"}.icon-ticket:before{content:"\e92f"}.icon-ticket2:before{content:"\e930"}.icon-times-circle:before{content:"\e931"}.icon-times-circle-o:before{content:"\e932"}.icon-time-slot:before{content:"\e933"}.icon-tint:before{content:"\e934"}.icon-toggle-off:before{content:"\e935"}.icon-toggle-on:before{content:"\e936"}.icon-tools:before{content:"\e937"}.icon-traffic-cone:before{content:"\e938"}.icon-trash:before{content:"\e939"}.icon-trash2:before{content:"\e93a"}.icon-trash-o:before{content:"\e93b"}.icon-tree:before{content:"\e93c"}.icon-tree2:before{content:"\e93d"}.icon-trending-neutral:before{content:"\e93f"}.icon-triangle-down:before{content:"\e940"}.icon-triangle-left:before{content:"\e941"}.icon-triangle-right:before{content:"\e942"}.icon-triangle-up:before{content:"\e943"}.icon-trophy:before{content:"\e944"}.icon-trophy2:before{content:"\e945"}.icon-truck:before{content:"\e946"}.icon-try:before{content:"\e947"}.icon-tty:before{content:"\e948"}.icon-tv:before{content:"\e94d"}.icon-typing:before{content:"\e953"}.icon-umbrella:before{content:"\e954"}.icon-underline:before{content:"\e955"}.icon-uninstall:before{content:"\e956"}.icon-unlock:before{content:"\e957"}.icon-unlock-alt:before{content:"\e958"}.icon-unread:before{content:"\e959"}.icon-untag:before{content:"\e95a"}.icon-upload:before{content:"\e95b"}.icon-upload2:before{content:"\e95c"}.icon-upload-to-cloud:before{content:"\e95d"}.icon-user:before{content:"\e95e"}.icon-user2:before{content:"\e95f"}.icon-user-md:before{content:"\e960"}.icon-users:before{content:"\e961"}.icon-v-card:before{content:"\e962"}.icon-video:before{content:"\e963"}.icon-video-camera:before{content:"\e964"}.icon-vinyl:before{content:"\e96b"}.icon-voicemail:before{content:"\e970"}.icon-volume-down:before{content:"\e971"}.icon-volume-off:before{content:"\e972"}.icon-volume-up:before{content:"\e973"}.icon-wallet:before{content:"\e974"}.icon-warning:before{content:"\e975"}.icon-water:before{content:"\e976"}.icon-wechat:before{content:"\e977"}.icon-weibo:before{content:"\e978"}.icon-wheelchair:before{content:"\e979"}.icon-wifi:before{content:"\e97a"}.icon-windows:before{content:"\e97b"}.icon-wordpress:before{content:"\e97c"}.icon-wrench:before{content:"\e97d"}.icon-xing:before{content:"\e97e"}.icon-xing2:before{content:"\e97f"}.icon-yahoo:before{content:"\e982"}.icon-creative-cloud2:before{content:"\e900"}.icon-dropbox3:before{content:"\e901"}.icon-evernote:before{content:"\e908"}.icon-google-drive:before{content:"\e909"}.icon-google-hangouts:before{content:"\e90a"}.icon-soundcloud4:before{content:"\e90b"}.icon-houzz:before{content:"\e93e"}.icon-facebook-square:before{content:"\f082"}.icon-linkedin-square:before{content:"\f08c"}.icon-github-square2:before{content:"\f092"}.icon-twitter:before{content:"\f099"}.icon-facebook:before{content:"\f09a"}.icon-facebook-f:before{content:"\f09a"}.icon-github:before{content:"\f09b"}.icon-feed:before{content:"\f09e"}.icon-rss3:before{content:"\f09e"}.icon-pinterest:before{content:"\f0d2"}.icon-pinterest-square:before{content:"\f0d3"}.icon-google-plus-square:before{content:"\f0d4"}.icon-google-plus:before{content:"\f0d5"}.icon-linkedin:before{content:"\f0e1"}.icon-github-alt:before{content:"\f113"}.icon-html52:before{content:"\f13b"}.icon-css32:before{content:"\f13c"}.icon-youtube-square:before{content:"\f166"}.icon-youtube:before{content:"\f167"}.icon-youtube-play:before{content:"\f16a"}.icon-dropbox:before{content:"\f16b"}.icon-stack-overflow2:before{content:"\f16c"}.icon-instagram3:before{content:"\f16d"}.icon-bitbucket:before{content:"\f171"}.icon-bitbucket-square:before{content:"\f172"}.icon-tumblr:before{content:"\f173"}.icon-tumblr-square:before{content:"\f174"}.icon-apple:before{content:"\f179"}.icon-windows2:before{content:"\f17a"}.icon-android:before{content:"\f17b"}.icon-dribbble3:before{content:"\f17d"}.icon-skype:before{content:"\f17e"}.icon-foursquare:before{content:"\f180"}.icon-trello:before{content:"\f181"}.icon-vimeo-square:before{content:"\f194"}.icon-slack:before{content:"\f198"}.icon-google:before{content:"\f1a0"}.icon-reddit:before{content:"\f1a1"}.icon-reddit-square:before{content:"\f1a2"}.icon-behance:before{content:"\f1b4"}.icon-behance-square:before{content:"\f1b5"}.icon-spotify:before{content:"\f1bc"}.icon-soundcloud3:before{content:"\f1be"}.icon-vine:before{content:"\f1ca"}.icon-codepen:before{content:"\f1cb"}.icon-git-square:before{content:"\f1d2"}.icon-git:before{content:"\f1d3"}.icon-paypal:before{content:"\f1ed"}.icon-google-wallet2:before{content:"\f1ee"}.icon-cc-visa:before{content:"\f1f0"}.icon-cc-mastercard:before{content:"\f1f1"}.icon-cc-discover:before{content:"\f1f2"}.icon-cc-amex:before{content:"\f1f3"}.icon-cc-paypal:before{content:"\f1f4"}.icon-cc-stripe:before{content:"\f1f5"}.icon-facebook-official:before{content:"\f230"}.icon-pinterest-p:before{content:"\f231"}.icon-medium:before{content:"\f23a"}.icon-registered:before{content:"\f25d"}.icon-creative-commons2:before{content:"\f25e"}.icon-tripadvisor:before{content:"\f262"}.icon-safari:before{content:"\f267"}.icon-chrome:before{content:"\f268"}.icon-firefox:before{content:"\f269"}.icon-opera:before{content:"\f26a"}.icon-internet-explorer:before{content:"\f26b"}.icon-amazon:before{content:"\f270"}.icon-vimeo:before{content:"\f27d"}.icon-reddit-alien:before{content:"\f281"}.icon-edge:before{content:"\f282"} /******************************************************************************** --- Form Styling --- *********************************************************************************/ /*-----------Standard Forms-----------*/ form { margin: 0; } /*-----------Label Styles-----------*/ label { cursor: pointer; display: block; margin: 0; font-weight:300;} /*-----------Required-----------*/ .req { color:#ab2560; font-weight: 700;} /*-----------styling on all basic form elements-----------*/ input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {font-size: 1.000rem; -webkit-appearance: none; background-color: #fff; border:1px solid transparent; color: #07253a; display: block; margin: 0 0 1.000em 0; padding: 0.444em; height: 2.875em; width: 100%; transition: border linear 0.2s; font-weight:300;} /*-----------styling on all basic form focus elements-----------*/ input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus, select:focus {border-color:#ab2560; outline:none; } /*-----------styling on all basic form disabled elements-----------*/ input[type="text"][disabled], fieldset[disabled] input[type="text"], input[type="password"][disabled], fieldset[disabled] input[type="password"], input[type="date"][disabled], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], fieldset[disabled] input[type="month"], input[type="week"][disabled], fieldset[disabled] input[type="week"], input[type="email"][disabled], fieldset[disabled] input[type="email"], input[type="number"][disabled], fieldset[disabled] input[type="number"], input[type="search"][disabled], fieldset[disabled] input[type="search"], input[type="tel"][disabled], fieldset[disabled] input[type="tel"], input[type="time"][disabled], fieldset[disabled] input[type="time"], input[type="url"][disabled], fieldset[disabled] input[type="url"], textarea[disabled], fieldset[disabled] textarea { background-color: #d4d8da; } /*-----------input submit-----------*/ input[type="submit"] { -webkit-appearance: none; } /*-----------textarea-----------*/ textarea { min-height: 6.944em; resize: none; max-width: 100%; } textarea[rows] { height: auto; } /*-----------select-----------*/ select { -webkit-appearance: none !important; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+); background-position: 100% center; background-repeat: no-repeat; line-height: normal; height: 2.875em; } :-moz-any(select) {background-image:none;} select::-ms-expand {display: none;} /*-----------other form elements-----------*/ input[type="file"], input[type="checkbox"], input[type="radio"] { margin: 0 0 1.000em 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.444em; margin-right: 0.889em; margin-bottom: 0; vertical-align: baseline; } .input-radio, .input-checkbox {vertical-align:top; margin:0.444em 0; line-height:1.2;} .input-radio input[type="radio"], .input-checkbox input[type="checkbox"] {width:18px; height:18px; margin:0 0.222em 0 0; padding:0;} /*-----------Normalize file input width-----------*/ input[type="file"] { width: 100%; } /*-----------We add basic fieldset styling-----------*/ fieldset { border: 1px solid #d3cec1; padding: 1.111em; margin: 1.000em 0; } fieldset legend { font-weight: 700; background: white; padding: 0 0.167em; margin: 0; margin-left: -0.167em; } /*-----------Error Validation-----------*/ form small.error { background: red; color: #fff; padding: 0.222em 0.333em; font-size: 0.667em; font-weight: 700; margin: -0.667em 0 0.556em 0; display: block; } .error-group input[type="text"], .error-group input[type="password"], .error-group input[type="date"], .error-group input[type="datetime"], .error-group input[type="datetime-local"], .error-group input[type="month"], .error-group input[type="week"], .error-group input[type="email"], .error-group input[type="number"], .error-group input[type="search"], .error-group input[type="tel"], .error-group input[type="time"], .error-group input[type="url"], .error-group textarea, .error-group select {border-color: rgba(255, 0, 0, 0.6); outline: 0; outline: thin dotted \9; -webkit-box-shadow:0 0 8px rgba(255, 0, 0, 0.6); -moz-box-shadow:0 0 8px rgba(255, 0, 0, 0.6); box-shadow:0 0 8px rgba(255, 0, 0, 0.6); } /*-----------Disable Button-----------*/ .button[disabled], .button[disabled]:hover {background:#d3cec1; color:#333; cursor:default;} /*-----------Captcha-----------*/ .captchaimg {margin-bottom:0.278em;} #CaptchaV2 {width:100%!important;} /******************************************************************************** --- Accordion --- *********************************************************************************/ .accordion {font-size:1.111rem; margin: 0 0 1.667em; border-bottom: 1px solid #d3cec1;} .accordion dt {border-top: 1px solid #d3cec1; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding:1.111em 2.222em 1.111em 0; margin: 0; position:relative; font-weight:400; font-size:1.313rem; } .accordion dt:after { content: "\e877"; font-family: 'CD-Project-Icons'; position:absolute; top:0.738em; right:0; font-size: 1.333em; color:#ab2560;} .accordion dt.accordion-active:after { content: "\e839"; } .accordion dd { display: none; padding: 0 1.111em 1.111em; margin: 0; } .playlists.accordion {border-bottom: none;} .playlists.accordion dt {background: #fff; padding: 0; border-top: none; margin: 1rem 0 0; color: #333333; text-transform: uppercase; font-size: 20px;} .playlists.accordion dt:after {color: #a0a0a0; right: 2rem; top: 1em;} .playlists.accordion dt img {display: inline-block; margin-right: 2rem;} .playlists.accordion dd {background: #fff; border-top: 1px solid #e1e1e1; padding: 1.5em 1.1em 2.5em;} .playlists.accordion dd img {display: block; margin: 0 auto;} @media screen and (max-width: 1100px){ .playlists.accordion dt img {display: block; margin: 0 auto 1rem;} .playlists.accordion dt {text-align: center; padding: 1rem;} } /******************************************************************************** --- Responsive Tabs --- *********************************************************************************/ /*-----------Universal Tabs-----------*/ .resp-tabs-list {list-style:none; margin: 0; padding: 0;} .resp-tabs-list li {display: inline-block; margin: 0; padding:0; cursor: pointer; float: left; background-color: rgba(0,0,0,0.12); color: #333; } .resp-tabs-list li.resp-tab-active { background: #fff; color: #ab2560; position: relative; } .resp-tabs-container {padding: 0; background-color: #fff; clear: left;} .resp-content-active, .resp-accordion-active, .resp-tab-content-active { display: block; } .resp-tab-content { display: none; padding: 1.667em 1.944em; border: 1px solid #d3cec1;} .resp-accordion { cursor: pointer; display: none; border: 1px solid #d3cec1; margin: 0; padding: 0.667em; } .resp-tab-active {border-bottom:none;} .resp-arrow { position: absolute; top: 0.833em; right: 0.833em; } .resp-arrow:after { content: "\e81a"; font-family: 'CD-Project-Icons'; } .resp-tab-active .resp-arrow:after { content: "\e81d"; } /*-----------Vertical tabs-----------*/ .resp-vtabs .resp-tab-content {word-wrap: break-word; } @media print, screen and (min-width: 768px) { /*-----------Horizontal tabs-----------*/ .resp-htabs.resp-tabs-list li { padding: 0.833em; border-top: 1px solid #d3cec1; border-left: 1px solid #d3cec1; } .resp-htabs.resp-tabs-list li:last-child { border-right: 1px solid #d3cec1; } .resp-htabs.resp-tabs-list li.resp-tab-active:after { content: ""; display: block; background: #fff; height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0; } /*-----------Vertical tabs-----------*/ .resp-vtabs .resp-tabs-list { float: left; width: 30%; border: 1px solid #d3cec1; border-right: none; } .resp-vtabs .resp-tabs-list li { display: block; padding: 0.778em 1.111em; cursor: pointer; float: none; border-bottom: 1px solid #d3cec1; } .resp-vtabs .resp-tabs-list li:last-child {border-bottom:none;} .resp-vtabs .resp-tabs-container { border: 1px solid #d3cec1; float: left; width: 70%; min-height: 250px; clear: none; } .resp-vtabs .resp-tab-content { border: none; } .resp-vtabs .resp-tab-active { position: relative; z-index: 1; margin-right: -1px !important; } .resp-tab-content.resp-tab-content-active {display:block!important;} .resp-accordion-closed {display:block;} } @media print, screen and (max-width: 767px) { .resp-tabs-list { display: none; } .resp-accordion { display: block; background-color: #f2f2f2; color: #333; position: relative; font-size: 1.125em;} .resp-accordion:not(:last-of-type) {border-bottom:none; } .resp-accordion.resp-tab-active { background: #fff; color: blue; } .resp-tab-content { border: 1px solid #d3cec1; border-bottom:none; } .resp-tab-content:last-of-type {border-bottom:1px solid #d3cec1;} .resp-vtabs .resp-tabs-container { border: none; float: none; width: 100%; min-height: 100px; clear: none; } } /******************************************************************************** --- Tables --- *********************************************************************************/ .table {table-layout: auto; width: 100%; } .table caption { background: transparent; color: #333; font-weight: 700; } .table thead {} .table tr {border-bottom: 1px solid #d3cec1} .table thead tr th, .table thead tr td { padding:0.750em 0.857em; font-size: 1em; text-transform: uppercase; color: #333; font-weight:700;} .table tr th, .table tr td { padding:1em 0.820em; font-size:1em; text-align: left;} .table thead tr th, .table tfoot tr th, .table tfoot tr td, .table tbody tr th, .table tbody tr td, .table tr td { display: table-cell; line-height: 1.3; } /******************************************************************************** --- Slide Toggle --- *********************************************************************************/ .slide-content { display: none; } .slide-toggle:not(.button):after { content: "\e6b6"; font-family: 'CD-Project-Icons'; margin: 0 0 0 0.333em; font-size:90%;} .slide-toggle:not(.button).active:after { content: "\e6c4"; } .slide-toggle:not(.button).active, .slide-toggle:not(.button).active:after { color:#6d124f; } .slide-toggle.button:before {display: none;} .slide-toggle.button.active {background-color: #6d124f; color:#fff;} .slide-toggle.button:after { content: "\e6b6"; font-family: 'CD-Project-Icons'; background: none; font-size:90%; margin-left:0.333em; right: inherit; display: inline-block; position: relative; top: inherit; margin-top: inherit; width: auto; height: auto;} .slide-toggle.button.active:after { content: "\e6c4";} /******************************************************************************** --- Alerts --- *********************************************************************************/ .alert { display: none; padding: 0.556em 0.833em; margin-bottom: 1.111em; background-color: #333; color: #fff;} .alert p {line-height:1.2; padding-left:1.333em; position:relative;} .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 0.278em; } .alert a { color: #fff; text-decoration: underline; } .alert a:hover { color:red; } .alert p:before { font-family: 'CD-Project-Icons'; color: #fff; position:absolute; top:0; left:0; } .alert-success, .alert-info, .alert-warning, .alert-danger { display: block; } .alert-success { background-color:#118e9c; } .alert-success p:before { content: "\e6aa"; } .alert-info p:before { content: "\e88b"; } .alert-warning { background-color:#ff9428; } .alert-warning p:before { content: "\e74c"; } .alert-danger { background-color:#ab2560; } .alert-danger p:before { content: "\e74b"; } /******************************************************************************** --- Social Links --- *********************************************************************************/ .social-links ul {list-style: none; margin: 0; padding: 0;} /******************************************************************************** --- Newsletter Subcribe --- *********************************************************************************/ .newsletter-subscribe {background: rgba(109,18,79,1); padding: 0.625em 0; position: relative;} .newsletter-subscribe h5 {font-size:1.125em; font-family: 'Montserrat',sans-serif; float:left; width:54%; color:#fff; font-weight: 400; text-transform:uppercase; margin:0.778em 0;} .newsletter-subscribe form {float:left; width:32%; position:relative; padding-left: 1.250em; overflow: hidden;} .newsletter-subscribe__column {padding-right:9.000em;} .newsletter-subscribe__column input[type="text"], .newsletter-subscribe__column input[type="email"] {float:left; width:100%; background:none; border:1px solid rgba(255,255,255,0.35); color:#fff; transition:background-color 250ms ease; height:50px; margin:0;} .newsletter-subscribe__column input[type="text"]:focus {background:rgba(255,255,255,0.15);} .newsletter-subscribe__column input[type="text"]:not(:last-child) {margin-right:2%;} .newsletter-subscribe__btn {font-size:0.875em; color: #fff; position:absolute; top:0; right:0; width:10.000em; height:50px; line-height:50px; padding:0; margin:0; border:1px solid rgba(255,255,255,0.35); background:rgba(0,0,0,0.20); text-transform: uppercase; transition: background 250ms ease;} .newsletter-subscribe__btn:hover {background:rgba(0,0,0,0.40);} .newsletter-subscribe .social-links {float: left; width: 14%; padding-left: 1.250em;} .newsletter-subscribe .social-links ul {height: 50px; line-height: 50px;} .newsletter-subscribe .social-links li {font-size: 1.4em; font-family: 'Sheila',sans-serif; font-weight: normal; display: inline-block; vertical-align: middle; margin: 0 0.278em; line-height: 1;} .newsletter-subscribe .social-links a {color: rgba(255,255,255,1); text-transform: capitalize;} .newsletter-subscribe .social-links a:hover {color: rgba(255,255,255,0.65)} .footer__subscribe .newsletter-subscribe {background: rgba(109,18,79,0.70);} @media print, screen and (max-width: 1199px) { .newsletter-subscribe {font-size: 15px;} } @media print, screen and (max-width: 1023px) { .newsletter-subscribe {font-size: 14px;} } @media print, screen and (max-width: 959px) { .newsletter-subscribe {font-size: 13px;} .newsletter-subscribe h5 {width:48%;} .newsletter-subscribe form {width:35%;} .newsletter-subscribe .social-links {width: 17%;} } @media print, screen and (max-width: 800px) { .newsletter-subscribe {padding-top: 1.500em; padding-bottom: 1.500em;} .newsletter-subscribe form {width:52%;} .newsletter-subscribe .social-links {float: none; width: 100%; clear: both; padding: 0;} .newsletter-subscribe .social-links ul {height: auto; line-height: inherit;} .newsletter-subscribe h5, .newsletter-subscribe form {margin-bottom: 2.000em} } @media print, screen and (max-width: 639px) { .newsletter-subscribe h5 {font-size: 1.000em;} .newsletter-subscribe .social-links li {font-size: 1.500em;} } @media print, screen and (max-width: 580px) { .newsletter-subscribe {font-size: 11px;} } @media print, screen and (max-width: 479px) { .newsletter-subscribe {font-size: 14px; text-align: center;} .newsletter-subscribe h5, .newsletter-subscribe form {width:100%; float: none; padding: 0;} .newsletter-subscribe h5 {margin-top: 0; margin-bottom: 1.250em} .newsletter-subscribe .social-links {margin-top: 1.250em;;} } @media print, screen and (max-width: 375px) { .newsletter-subscribe {font-size:13px;} } /******************************************************************************** --- Instagram Feed --- *********************************************************************************/ .instagram-feed {font-size: 16px;} .instagram-feed ul {list-style: none; margin: 0; padding: 0; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch} .instagram-feed li {display: block; width: 16.66666666666667%;} .instagram-feed img {display: block; height: 100%; width: 100%;} .instagram-feed li:nth-child(2) {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;} .instagram-feed li:nth-child(3) {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .instagram-feed li:nth-child(4) {-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;} .instagram-feed li:nth-child(5) {-webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5;} .instagram-feed li.instagram-feed__headline {width: 100%; margin: auto; text-align: center; background: #6d124f url(../images/template/circle-symbol.png) center center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3} .instagram-feed li.instagram-feed__headline > div {align-self: center; width:100%; margin: 20px 0 15px 0;} .instagram-feed li.instagram-feed__headline span, .instagram-feed__link {display: block; color: #fff;} .instagram-feed li.instagram-feed__headline span, .instagram-feed__link, .instagram-feed li.instagram-feed__headline .icon-instagram2 {color: #fff; transition: color .3s;} .instagram-feed li.instagram-feed__headline .icon-instagram2 {font-size: 1.6rem;} .instagram-feed__title {font-family: 'Worship',sans-serif; font-size: 3rem; line-height: 1; margin-top: .75rem;} .instagram-feed__link:hover {color: rgba(255,255,255,0.65)} .instagram-feed li.instagram-feed__headline .instagram-feed__link:hover span {color: rgba(255,255,255,0.65)} @media print, screen and (max-width: 1199px) { .instagram-feed {font-size: 14px;} } @media print, screen and (max-width: 1023px) { .instagram-feed {font-size: 12px;} } @media print, screen and (max-width: 959px) { .instagram-feed {font-size: 10px;} } @media print, screen and (max-width: 800px) { .instagram-feed {font-size: 9px;} } @media print, screen and (max-width: 639px) { .instagram-feed {font-size: 8px;} .footer-logo {margin-bottom: 2rem;} } @media print, screen and (max-width: 479px) { .instagram-feed ul {-ms-flex-wrap: wrap; flex-wrap: wrap;} .instagram-feed li.instagram-feed__headline {width: 100%; padding: 2.000em 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1} .instagram-feed li {width: 25%;} .instagram-feed li:nth-child(2) {-webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1;} .instagram-feed li:nth-child(3) {-webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2;} .instagram-feed li:nth-child(4) {-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3;} .instagram-feed li:nth-child(5) {-webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4;} .instagram-feed__link {font-size: 1.250em;} } /******************************************************************************** --- Footer --- *********************************************************************************/ .footer {background-image: url(../images/template/footer-background.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; color: #fff;} .footer h5 {color: #fff;} .footer a {color: rgba(255,255,255,1); text-transform: uppercase;} .footer a:hover {color: rgba(255,255,255,0.45)} .footer:before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.25)} .footer__links, .footer__info {position: relative;} .footer__links ul {list-style: none; margin: 0; padding: 0;} .footer__links li {display: block; margin-bottom: 0.500em; line-height: 1.2;} .footer__links a {font-size: 0.875em;} .footer__info {text-transform: uppercase;} .footer__copyright {font-size: 0.750em; text-transform: uppercase; padding: 1.000em 0; position: relative;} .copyright, .footer .credentials {display: block; color: rgba(255,255,255,0.50)} .footer .credentials:hover {color: rgba(255,255,255,0.85)} .copyright {float: left;} .credentials {float: right;} @media print, screen and (min-width: 1024px) { .footer__links h5 { text-align: center; } } @media print, screen and (max-width: 480px) { .footer__links {text-align: center;} .copyright, .credentials {float: none; width: 100%; text-align: center;} .copyright {margin-bottom: 0.250em;} } /******************************************************************************** --- Magnific Popup CSS--- *********************************************************************************/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 10042; overflow: hidden; position: fixed; background: rgb(51,51,51); opacity: 0.85; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 10043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 10045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 10044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 10046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all .15s ease-out; -moz-transition: all .15s ease-out; transition: all .15s ease-out } .mfp-fade.mfp-bg.mfp-ready { opacity: .85 } .mfp-fade.mfp-bg.mfp-removing { opacity: 0 } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 150ms ease-out; transition: all 150ms ease-out } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1 } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0 } .popup-embed-container .mfp-container { padding-top: 40px; padding-bottom: 40px } .popup-embed-container .mfp-content { width: 100%; max-width: 900px; box-shadow: 0 0 8px rgba(0,0,0,0.6) } .popup-embed-container .mfp-close { top: -44px; color: #FFF; text-align: right; right: 1px } .white-popup-block { background: #f6eedb url(/images/template/body-bg.png) repeat; text-align: left; max-width: 650px; margin: 40px auto; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-animation: popin .3s; animation: popin .3s; overflow: hidden;} .white-popup-block--padding {padding: 3.875em 1.875em 1.875em;} .white-popup-block--poem {text-align: center;} .popup-form__inner { padding: 1.389em } .popup-form p { font-size: .944em; line-height: 1.3 } .popup-form .button { margin: 0; display: block; width: 100%; padding: 1em 0; font-size: 1.125em } .popup-form__row { margin: 0 -.556em } .popup-form__row::before, .popup-form__row::after { content: ' '; display: table } .popup-form__row::after { clear: both } .popup-form__columns { float: left; width: 50%; padding: 0 .556em } .popup-form__success { text-align: center; padding: 3em 2em; font-size: 1.444em; display: none } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /******************************************************************************** --- Animated Loader --- *********************************************************************************/ .spinner{position:fixed; z-index:999999; top:50%; left:50%; margin:-30px 0 0 -30px; height:60px;width:60px; -webkit-animation:rotation .6s infinite linear;-moz-animation:rotation .6s infinite linear;-o-animation:rotation .6s infinite linear;animation:rotation .6s infinite linear;border-left:6px solid rgba(255,255,255,0.98);border-right:6px solid rgba(255,255,255,0.98);border-bottom:6px solid rgba(255,255,255,0.98);border-top:6px solid rgba(230, 139, 41,0.98);border-radius:100%}@-webkit-keyframes rotation{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(359deg)}}@-moz-keyframes rotation{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(359deg)}}@-o-keyframes rotation{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(359deg)}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}} /******************************************************************************** --- Style Guide--- *********************************************************************************/ /*---------- Swatches ----------*/ .swatch__hues { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .swatch__color { position: relative; height: 100px;} .swatch__hex { padding: 1rem; text-align: center;} .swatch__hues > div { height: 30px; line-height:30px; text-align:center; font-size:0.750em; color:#fff;} .swatch__name {display:block; font-size:0.750em} /*---------- Code Snippets ----------*/ h1.small.caps {font-family:'Montserrat',sans-serif; text-transform: uppercase; font-weight: 700; padding-bottom: 0.500em; margin-bottom: 2.000em; border-bottom: 1px solid #d3cec1;} code {} pre {padding:15px; border:1px solid #d3cec1;} /******************************************************************************** --- YouTube Responsive CSS--- *********************************************************************************/ .hs-responsive-embed-youtube { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ padding-top: 25px; } .hs-responsive-embed-youtube iframe { position: absolute; width: 100%!important; height: 100%!important; }