/* Theme Name: Varsity Vocals Theme URI: Description: Custom WordPress theme Author: URI: Version: 1.0.2021 Text Domain: varsity font-family: 'Nunito Sans', sans-serif; font-family: 'Unna', serif; font-family: 'Josefin Sans', sans-serif; */ /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0; padding:0; border:0; font-size:100%; vertical-align:baseline;} body{line-height:1; } ol, ul{list-style:none; } blockquote, q{quotes:none; } blockquote:before, blockquote:after, q:before, q:after{content:""; content:none; } table{border-collapse:collapse; border-spacing:0; } caption, th, td{font-weight:normal; text-align:left; } h1, h2, h3, h4, h5, h6{clear:both; } html{overflow-y:scroll; font-size:62, 5%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} a, a:hover, a:active, a:focus{outline:none; text-decoration:none;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block; } audio, canvas, video{display:inline-block; } audio:not([controls]){display:none; } del{color:#333; } ins{background:#4449c0; text-decoration:none; } hr { background-color: #343434; border: 0 none; height: 1px; margin: 1em 0 1.74em; } sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup{top:-0.5em; } sub{bottom:-0.25em; } small{font-size:smaller; } img{border:0; -ms-interpolation-mode:bicubic; } img, object, embed{max-width:100%; height:auto; } img{-ms-interpolation-mode:bicubic; } img.alignleft {float:left; } img.alignright {float:right; } /* Clearing floats */ .clear:after, .wrapper:after, .format-status .entry-header:after{clear:both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after{display:table; content:""; } .align-right{text-align:right !important; } .align-left{text-align:left !important; } .align-center{text-align:center !important; } .aligncenter{text-align:center !important; } .fl{float:left !important; } .fr{float:right !important; } .cl-fl{clear:both; } .hor-space-s{padding-top:1em } .hor-space-m{padding-top:2em } .hor-space-l{padding-top:3em } em, i { font-style:italic; } strong, b { font-weight:bold; } /* some Responsive styles */ /* Responsive images */ .entry-content img, .comment-content img, .widget img{max-width:100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"]{height:auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image{max-width:100%; height:auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* Images */ .alignleft{float:left;} /* *********************************************************************************************************************************** */ /* ********************* Main Styling starts ****************************************************************************** */ * { box-sizing:border-box; } html { margin-top:0 !important; } a { color:#505050; transition:all ease 300ms; } a:hover { color:#DEA929; } html { background-color: #fff; height: 100%; display: block;} body{ background-color:#f1f4f6; text-align:left; font-family: 'Nunito Sans', sans-serif; font-weight:400; font-size:16px; letter-spacing:0em; color:#5D7389; padding:0px; margin:0px; overflow: hidden; position: relative; height: auto; min-height: 100%; } .desktop { display:block; } .mobile { display:none; } html { min-height:100% !important; } body { display: flex; flex-direction: column; } #page { flex: 1 0 auto; } #footer_wrap { flex-shrink: 0; } #page-block { /* max-width: 1920px; */ margin: 0 auto; } .default-page-block { padding:135px 0 0 0; } /************************* * General styles ***************************/ .sticky-header{background-color:#fff; position:fixed; width:100%; top:0; left:0; z-index:100; margin:0; border:0; transform:translate(0,-100%); -webkit-transform:translate(0,-100%); -o-transform:translate(0,-100%); -ms-transform:translate(0,-100%); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out; border-bottom:1px solid #eee;} body.scrolled .sticky-header { transform: translate(0, 0); -webkit-transform: translate(0, 0); } .sticky-header-content { text-align:center; } .sticky-header-content ul li { margin:0; padding:0; } .sticky-header-content .main-navigation li a { } .sticky-navbar .header-menu { position: absolute; right: 0%; bottom: 0; width: 75%; top: 0; } .sticky-navbar { position:relative; padding:10px 0; } .sticky-navbar .header-logo { width:15%; } #main-header { position: fixed; width: 100%; top: 0; left: 0; right: 0; z-index: 500;�} .header-logo a img.short { visibility:hidden; position:absolute; top:0; left:0;} body.scrolled .menu-wrapper { padding: 10px 0 10px; background: rgba(0,0,0,0.7); } body.scrolled .powered-by-logo { } #back-to-top { position:fixed; right: -100px; bottom:5%; width: 50px; height:50px; text-align: center; display: block; padding: 0px 0px; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-size:20px; line-height:50px; text-transform: uppercase; border-radius: 100px; cursor:pointer; z-index: 1000; } #back-to-top:hover { background-color:#C92674; opacity:1; } #back-to-top span { display:block; font-size:12px; } #back-to-top i { font-size:20px; line-height:50px; } body.scrolled-500 #back-to-top { right: 1%; } #main-header { } .header-wrapper {} .home.menu-wrapper { background: rgba(0,0,0,0.17); } .menu-wrapper { position: relative; z-index: 999; padding: 15px 0 15px; transition:all ease 300ms; background: rgba(0,0,0,0); } .menu-inner { padding: 0 0; position: relative; display: flex; flex-direction: row; flex: 1; flex-wrap: nowrap; align-items: center; } .header-inner { background:#fff; } .header-row { padding:20px 0; border-bottom:solid 1px #fff; } .header-logo { display:block; width:80px; } .header-logo a { display:block; margin:0 0 0 0; transition:all ease 200ms; } .header-logo a img { display:block; transition:all ease 200ms; max-height:120px; max-width:100%; } .menu-left { width: calc( 50% - 40px); } .menu-right { width: calc( 50% - 40px); } .menu-inner .menu li { position:relative; } .menu-inner .menu li a { padding:1em 0; } .menu-inner .menu li { padding-top:1em; padding-bottom:1em; } .menu-left ul { flex-direction: row; flex: 1; display: flex; align-items: center; justify-content: center; } .menu-left ul li { float: none; flex: auto; } .menu-left ul li a { color:#F1F4F6; font-size:16px; text-transform:capitalize; line-height:1em; font-family: 'Josefin Sans', sans-serif; font-weight: 700; text-transform: uppercase; } .menu-left ul li a:hover { color:#DEA929; } .menu-right ul { flex-direction: row; flex: 1; display: flex; align-items: center; justify-content: center; } .menu-right ul li { float: none; margin: 0 0 0 auto; } .menu-right ul li a { color:#F1F4F6; font-size:16px; text-transform:capitalize; line-height:1em; font-family: 'Josefin Sans', sans-serif; font-weight: 700; text-transform: uppercase; } .menu-right ul li a:hover { color:#DEA929; } .menu-right ul li.highlight a { z-index:3; color:#DEA929; font-size:16px; text-transform:uppercase; line-height:1em; font-family: 'Josefin Sans', sans-serif; position:relative; font-weight: 700; text-transform: uppercase; } .menu-right ul li.highlight a * { z-index:3; } .menu-right ul li.highlight a:before { z-index:2; height:1px; width:60px; display:inline-block; content:""; margin-right:10px; top:50%; position:relative; margin-top:-0.5px; background-color:#DEA929; line-height: 1em; vertical-align: middle; } .menu-right ul li.highlight a:after { z-index:1; position:absolute; right:-45px; top:-90px; width:180px; height:180px; display:block; content:""; background: radial-gradient(50% 50% at 50% 50%, #DEA929 0%, rgba(110, 32, 72, 0) 100%); opacity: 0.3; } .menu-right ul li.highlight a:hover { color:#F1F4F6; } .menu-left ul li > .sub-menu, .menu-right ul li > .sub-menu { opacity: 0; position: absolute; display: block; top: -500px; border-radius: 0 0 50px 0; min-width: 250px; left: 0; background: rgba(0,0,0,0.45); overflow: hidden; transition: all ease 250ms; } .menu-right ul li > .sub-menu li { display:block; } .menu-left ul li:hover > .sub-menu, .menu-right ul li:hover > .sub-menu { top:100%; opacity:1; } .menu-left ul li:hover, .menu-right ul li:hover { overflow:visible; } .menu-wrapper .menu-inner ul.sub-menu li a, .menu-wrapper.menu-dark .menu-inner ul.sub-menu li a { color: #F1F4F6; display: block; line-height: 1.25em; padding: 0.85em 2em; } .menu-wrapper .menu-inner ul.sub-menu li, .menu-wrapper.menu-dark .menu-inner ul.sub-menu li { color: #F1F4F6; padding: 0; flex: none; border-bottom: solid 1px rgba(255,255,255,0.07); } .menu-wrapper .menu-inner ul.sub-menu li a:hover, .menu-wrapper.menu-dark .menu-inner ul.sub-menu li a:hover { color: #DEA929; display: block; line-height: 1.25em; padding: 0.85em 2em; } .menu-wrapper .menu-inner .menu li.current-menu-ancestor > a { color:#DEA929 !important; font-weight:700; } .menu-wrapper .menu-inner .menu li.current-menu-item > a { color:#DEA929 !important; font-weight:700; } .menu-wrapper .menu-inner .menu li > a:hover { color:#DEA929 !important; } /* DARK menu */ .lineage { position:absolute; top:0; bottom:0; width:100%; height:100%; z-index:10; pointer-events:none; } .lineage-row { margin: 0 auto; display: block; width: 100%; height: 100%; position: relative; content: ""; max-width: 1280px; } .lineage-row .line-1 { position:absolute; left:0; width:1px; margin-left: -0.5px; height:100%; display:block; content:""; background:#6885A0; opacity:0.1; } .lineage-row .line-2 { position:absolute; left:25%; width:1px; margin-left: -0.5px; height:100%; display:block; content:""; background:#6885A0; opacity:0.1; } .lineage-row .line-3 { position:absolute; left:50%; width:1px; margin-left: -0.5px; height:100%; display:block; content:""; background:#6885A0; opacity:0.1; } .lineage-row .line-4 { position:absolute; left:75%; width:1px; margin-left: -0.5px; height:100%; display:block; content:""; background:#6885A0; opacity:0.1; } .lineage-row .line-5 { position:absolute; left:100%; width:1px; margin-left: -0.5px; height:100%; display:block; content:""; background:#6885A0; opacity:0.1; } .menu-wrapper.menu-dark .menu-left ul li a { color: #1D3C5A; } .menu-wrapper.menu-dark .menu-right ul li a { color: #1D3C5A; } body.scrolled .menu-wrapper.menu-dark .menu-left ul li a { color: #F1F4F6; } body.scrolled .menu-wrapper.menu-dark .menu-right ul li a { color: #F1F4F6; } body.scrolled .menu-wrapper.menu-dark .header-logo a { background:url('images/logo-header.png') center center transparent; background-repeat:no-repeat; background-size:contain;} body.scrolled .menu-wrapper.menu-dark .header-logo a img { opacity:0; } .header-menu-tbl { display:table; height:100%; width:100%; } .header-menu-cell { display:table-cell; height:100%; width:100%; vertical-align:bottom; } .header-menu-cell .menu-flex { display: flex; flex: 1; flex-direction: row; align-items: center; justify-content: flex-end; } .page-title-w { text-align:center; } .page-title-i { } .page-title-i h1 span.sub-title { display: block; font-family: 'Josefin Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 21px; line-height: 1.25em; letter-spacing: 0px; text-align: center; text-transform: uppercase; padding: 0.95em 0 0.15em 0; } .page-title-i h1 { font-family: 'Unna', serif; font-style: normal; font-weight: bold; font-size: 55px; line-height: 1.1em; text-align: center; color: #1D3C5A; } .page-title-i .headline { padding-bottom:70px; position:relative; } .page-title-i .headline:after { content:""; display:block; width:2px; background:#9B0760; height:60px; left:50%; margin-left:-1px; bottom:0; position:absolute; } .page-title-w.with-background .headline { padding-bottom:0; position:absolute; top:0; right:0; left:0; padding-top:132px; } .page-title-w.with-background .headline:after {display:none !important; } .page-title-w.with-background { padding-bottom:60px; position:relative; } .page-title-w.with-background:after { content:""; display:block; width:2px; background:#9B0760; height:60px; left:50%; margin-left:-1px; bottom:0; position:absolute; } .page-title-w.with-background h1 span.sub-title { color:#F1F4F6; } .page-title-w.with-background h1 { color:#F1F4F6; } .banner-home-wrapper { background:#000; text-align:center; position:relative; } .banner-home { background:url(images/banner.jpg) center center no-repeat transparent; background-size:cover; position:relative; height:1000px; margin:0 auto; max-width:1920px; } .banner-person .banner-title h1 { font-size:165px; color:#F1F4F6; text-transform:uppercase; line-height:0.8em; text-align:center; font-family: 'Unna', serif; font-weight:700; bottom: -0.35em; position: relative; } .banner-person { position:absolute; bottom:0; width:100%; bottom:0; left:0%; right:0; text-align:center; } .banner-person-image { position:relative; bottom:0; width:11.5%; bottom:0; margin: 0 auto; } .banner-person .banner-title { position: absolute; width: 100%; bottom: 100%; } .banner-footer { position: absolute; bottom: 7%; width: 100%; text-align: center; } .banner-footer .sub-title { font-family: 'Nunito Sans', sans-serif; font-weight:bold; line-height:1.15em; font-size:42px; color:#F1F4F6; } .banner-footer .equalizer { position: absolute; bottom: 0; left:0; } .banner-footer a:hover { opacity:0.7em; } .banner-footer .learn-more { position: absolute; bottom: 0; right: 0; z-index: 10; } .banner-footer .learn-more .text { position: relative; font-size:14px; line-height:14px; font-family: 'Nunito Sans', sans-serif; text-align:right; padding:0 20px 35px 0; color: #F1F4F6; border-right: 1px solid #F1F4F6; } .banner-footer .learn-more .line a.active { position: absolute; width:1px; left:100%; top:0; height:50%; background-color:#9B0760; } .banner-footer-i { position: relative; } #banner-carousel .carousel-flx { min-height:50vh; display:flex; flex-direction:column; flex:1; flex-wrap:wrap; justify-content:center; align-items:center; background-size:cover; background-color:#111; background-repeat:no-repeat; background-position:center center; padding:100px 0; padding: 100px 0 10vh; } #banner-carousel .carousel-flx .content-wrapper { max-width: 768px; margin: 60px 0 40px 0; width: 80%; background: rgba(0,0,0,0.65); padding: 40px 40px; border-radius: 0 0 100px 0; } #banner-carousel .carousel-flx .with-logo { padding:0 0 40px 0; max-width:480px; } #banner-carousel .carousel-flx .with-logo { display:block; margin:0 auto; } #banner-carousel .carousel-flx .banner-title { padding:0 0 0 0; } #banner-carousel .carousel-flx .banner-title h2 { color: #F1F4F6; font-size: 41px; line-height: 1.25em; text-align: center; font-family: 'Unna', sans-serif; font-weight: 700; padding: 0 0 0.25em 0; } #banner-carousel .carousel-flx .banner-desc p { color: #F1F4F6; font-size: 19px; text-transform: none; line-height: 1.45em; text-align: center; } #banner-carousel .carousel-flx .banner-link { padding:20px 0 0 0; } #banner-carousel .carousel-flx .banner-link a { display: inline-block; padding: 0.9em 3.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 15px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; } #banner-carousel .carousel-flx .banner-link a:hover { border-radius: 0 0 0 0; background: #DEA929; color: #F1F4F6; } #banner-carousel.owl-carousel .owl-stage{display: flex;} .banner-items { display: flex; flex: 1 0 auto; height: 100%; } .banner-box { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: stretch; } #banner-carousel .owl-item .content-wrapper { opacity: 0; position:relative; top:-1000px; transition:all ease 350ms; } #banner-carousel .owl-item.active-slide .content-wrapper { opacity: 1; position:relative; top:0; } .banner-navigation .next { position:absolute; top:50%; right:0; display:block; background:rgba(0,0,0,0.33); margin-top:-1.5em; height:auto; line-height:3em; padding:0 20px; color:#F1F4F6; font-size:40px; z-index:10; opacity:0.2 } .banner-navigation a { cursor:pointer; display:block; } .banner-navigation .next:hover { background:rgba(0,0,0,0.65); color:#F1F4F6; opacity:1; } .banner-navigation .prev { position:absolute; top:50%; left:0; display:block; background:rgba(0,0,0,0.33); margin-top:-1.5em; height:auto; line-height:3em; padding:0 20px; color:#F1F4F6; font-size:40px; z-index:10; opacity:0.2; } .banner-navigation .prev:hover { background:rgba(0,0,0,0.65); color:#F1F4F6; opacity:1; } .dark-blue-background { background:#1D3C5A;; } .intro-flex-row { flex: 1; display: flex; flex-direction: row; flex-wrap:wrap; align-items:center; flex-wrap:wrap; } .intro-block { padding:70px 0 70px 0; } .intro-image { width: 33.3333%; padding: 0 0% 0 0; } .intro-image .image-wrapper { position:relative; } .intro-image img { } .intro-content { width: 66.6666%; padding: 0 0 0 7%; } .intro-content p { color:#5D7389; font-size:17px; line-height:1.75em; padding-bottom:1em; font-family: 'Nunito Sans', sans-serif; font-weight: 300; } .intro-content p a { color:#9B0760; font-weight:700; } .intro-content p a:hover { color:#DEA929; } .intro-content p:last-of-type { padding-bottom:0; } .intro-content a.learn-more { color:#DEA929; font-size:21px; line-height:1.22em; margin:3em 0 0 0;padding:0 0 0 70px; font-family: 'Nunito Sans', sans-serif; display:inline-block; position:relative; } .intro-content a.learn-more:before { height:1px; width:60px; display:inline-block; content:""; left:0; top:50%; position:absolute; margin-top:-0.5px; background-color:#DEA929; line-height: 1em; vertical-align: middle; transition:all ease 200ms;} .intro-content a.learn-more:hover:before { height:1px; width:40px; left:20px; } .intro-content a.learn-more:hover { color:#DEA929; } .intro-content h3 { color: #1D3C5A; font-size: 42px; line-height: 1.25em; text-align: left; font-family: 'Unna', serif; font-weight: 700; padding: 0 0 1em 0; } .full-block { padding:75px 0 75px 0; background-color:#F1F4F6; } .full-block.white-background { background-color:#F1F4F6; } .full-block.dark-blue-background { background-color:#1D3C5A; } .full-block-flex-row { display: flex; flex-direction: row; flex-wrap:wrap; } .full-block-left { width: 50%; padding: 0 7% 0 0; position: relative; } .full-block-right { flex: 1; width: 50%; padding: 0 0 0 7%; } .full-block h2 { font-size:48px; color:#1D3C5A; line-height:1.15em; text-align:left; font-family: 'Unna', serif; font-weight:700; padding:0 0 0.8em 0 } .full-block p { color:#5D7389; font-size:17px; line-height:1.7em; padding-bottom:1em; font-family: 'Nunito Sans', sans-serif; } .full-block p:last-of-type { padding-bottom:0; } .full-block .full-block-right a.learn-more { color:#DEA929; font-size:18px; line-height:1.22em; margin:6.5em 0 0 0;padding:0 0 0 70px; font-family: 'Nunito Sans', sans-serif; display:inline-block; position:relative; } .full-block .full-block-right a.learn-more:before { height:1px; width:60px; display:inline-block; content:""; left:0; top:50%; position:absolute; margin-top:-0.5px; background-color:#DEA929; line-height: 1em; vertical-align: middle; transition:all ease 200ms;} .full-block .full-block-right a.learn-more:hover:before { height:1px; width:0px; left:60px; } .full-block .full-block-right a.learn-more:hover { color:#1D3C5A; } .watch-video-wrapper { position: absolute; bottom: 0; left: 0; right:0; text-align:center;} .watch-video-wrapper a { display:inline-block } .watch-video-wrapper a:hover { transform: rotate( 360deg ); } .full-block.latest-icca .full-block-left { width: 33.3333%; padding: 0 0% 0 0; position: relative; } .full-block.latest-icca .full-block-right { width: 66.6666%; padding: 0 0% 0 7%; position: relative; } .full-block.latest-icca .full-block-right .shows-button { text-align:left; padding-top:50px; } .full-block.top-0 { padding-top:0px; } .full-block.bottom-0 { padding-bottom:0; } .full-block.bottom-300 { padding-bottom:85px; } .full-block.bottom-200 { padding-bottom:85px; } .full-block-banner.white-background { background-color:#F1F4F6; } .full-block-banner .inner-banner.top-left-radius { border-radius: 320px 0 0 0; overflow: hidden; max-width: 100%; width:100%; margin: 0 auto; } .full-block-banner .inner-banner.top-right-radius { border-radius: 0 320px 0 0; overflow: hidden; max-width: 100%; width:100%; margin: 0 auto; } .full-block-banner img { display:block; width: 100%; } .custom-padding.top-140 { padding-top:70px; } .custom-padding.top-200 { padding-top:100px; } .full-block.dark-blue-background { color:#F1F4F6; } .full-block.dark-blue-background h2 { color:#F1F4F6; font-size:37px; line-height:1.15em; text-align:left; font-family: 'Unna', serif; font-weight:700; padding:0 0 0.75em 0; } .full-block.dark-blue-background p { color:#F1F4F6; font-size:17px; line-height:1.8em; text-align:left; font-family: 'Nunito Sans', serif; font-weight:300; padding:0 0 .75em 0; } .full-block.dark-blue-background p { max-width:800px; overflow:hidden; } .shows-list { padding:20px 0 0 0 } .shows-list .list-element .title { color:#C92674; font-size:38px; line-height:1.15em; text-align:left; font-family: 'Unna', serif; font-weight:400; padding:0 0 1em 0; } .shows-list .list-element .title a { color:#C92674; display:block; position:relative; padding:12px 20px; } .shows-list .list-element .title a:hover { background:#dfdfdf;} .shows-list .list-element .title a span { position:absolute; top:50%; right:20px; margin-top:-15px; font-size:30px; } .shows-list .list-element .title a small { } .list-element { margin: 10px 0 15px 0; /* border-bottom: solid 1px #dedede;*/ padding: 0 0 0px 0; } .list-element .events { display:none; } .list-element .list-item { border-bottom:solid 1px #6e798f; padding:0 0 20px 0; font-size:18px; line-height:1.7em; position:relative; margin:0 0 20px 0; } .list-item-flex { flex: 1; display: flex; flex-direction: row; flex-wrap:wrap; font-family: 'Nunito Sans', sans-serif; color:#5D7389; } .list-item-flex .date { width:21%; padding:0 3% 0 0; font-family: 'Unna', serif; font-weight:400; font-size:25px; line-height:1.15em; } .list-item-flex .time { width:11%; padding:0 3% 0 0; font-family: 'Unna'; } .list-item-flex .place { width:18%; padding:0 3% 0 0; font-family: 'Unna'; } .list-item-flex .description { width:50%; padding:0 0% 0 0; } .list-item-flex .description a { font-family: 'Nunito Sans', sans-serif; color:#5D7389; font-size:18px; line-height:1.7em; } .list-item-flex .description a:hover { color:#DEA929; } .list-item-flex .results { } .list-item:before { background:#DEA929; width:10px; height:10px; display:block; content:""; position:absolute; border-radius: 0 100px 0 0; bottom: 0; } .description.with-link { } .description.with-link .flexie { flex: 1; display: flex; flex-direction: row; flex-wrap:nowrap; align-items: center; font-family: 'Nunito Sans', sans-serif; color:#b1bdc7; } .description.with-link .flexie .desc { width:auto; padding:0 60px 0 0; } .description.with-link .flexie .link a { text-transform:uppercase; color: #DEA929; font-size:17px; padding:20px; line-height:1.3em; font-family: 'Nunito Sans', serif; font-weight:700; } .shows-button { text-align:center; } .shows-button a { display:inline-block; padding:0.9em 3.25em; background:#DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform:uppercase; border-radius:0 1000px 0 0; position:relative; } .shows-button a { } .shows-button a:hover { border-radius:0 0 0 0; } .albums-list { padding:80px 0 0 0; } .albums-list-flex { margin:0 -40px; flex: 1; display: flex; flex-direction: row; flex-wrap:wrap; } .albums-list-flex .albums-list-item { margin: 0; width: 25%; padding: 0 40px; } .albums-list-flex .albums-list-item > img { display:block; margin-bottom:16px; } .albums-list-flex .albums-list-item .imagery img { display:block; margin-bottom:16px; } .albums-list-flex .albums-list-item h5 { font-family: 'Unna', serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 1.15em; color: #F1F4F6; padding:0 0 12px 0; } .albums-list-flex .albums-list-item h5 a { color: #F1F4F6; } .albums-list-flex .albums-list-item h5 a:hover { color: #DEA929; } .albums-list-flex .albums-list-item p { font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 1.4em; letter-spacing: 0.02em; color: #B1BDC7; } .albums-list-flex .albums-list-item > a.button { width: 100%; display: flex; vertical-align: middle; height: 220px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; display: flex; align-items: center; letter-spacing: 0.08em; text-transform: uppercase; color: #F1F4F6; background: #DEA929; padding:0 40px; border-radius: 0 50% 0 110px; } .albums-list-flex .albums-list-item > a.button:hover { border-radius:0px; } .latest-icca .move-image img { position: relative; margin-top: 0px; display: block; } .latest-icca-results { padding:75px 0 0 0; display: none; } .latest-icca-results .no-results-yet { padding: 0 25px; font-weight: bold; } .latest-icca-results-title { margin: 0 0 80px 0; position: relative; display: flex; align-items: flex-start; flex: 1; justify-content: space-between;flex-direction: row; } .latest-icca-results-title .latest-icca-results-text { } .latest-icca-results-title .latest-icca-results-text h3 { color:#1D3C5A; font-style: normal; font-weight: 700; font-size: 38px; line-height: 1.15em; font-family: 'Unna', serif; } .latest-icca-results-title .latest-icca-results-text p { color:#1D3C5A; font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 19px; line-height: 1.9em; } .latest-icca-results-title .highlight-title { position:absolute; top:0; right:0; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 1.3em; letter-spacing: 0.08em; text-transform: uppercase; color: #DEA929; } .latest-icca-results-items { padding:0 0 40px 0; margin: 0px auto; max-width: 500px; } .latest-icca-results-item { margin:0 0 24px 0; border-bottom:solid 1px #d7dee3; position: relative; display: flex; flex: 1; align-items:center; flex-direction: row; } .latest-icca-results-item:last-of-type { margin:0 0 0 0; } .latest-icca-results-item .liri-number { width: 80px; } .latest-icca-results-item .liri-number span { display:block; width:80px; height:80px; border-radius:0 40px 0 0; background-color:#C7CFD7; color:#1D3C5A; text-align:center; line-height:80px; font-size: 38px; font-family: 'Unna', serif; font-weight:bold; } .latest-icca-results-item .liri-number span.top { color: #F1F4F6; background: #1D3C5A; } .latest-icca-results-item .liri-name { width: 100%; padding:0 0 0 30px; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.75em; color: #5D7389; } .latest-icca-results-item .liri-name > strong { display:block; font-family: 'Unna', serif; font-style: normal; font-weight: normal; font-size: 28px; line-height: 1.15em; color: #1D3C5A; } .latest-icca-results-item .liri-points { padding:0 0 0 30px; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.75em; color: #5D7389; text-align:right; } .latest-icca-results-item .liri-points > strong { display:block; font-style: normal; font-weight: bold; font-size: 20px; line-height: 1.8em; color: #1D3C5A; } .testimonial { padding: 90px 0; margin:0 auto; max-width: 760px; position: relative; } .testimonial .quote { position: absolute; left: -50px; top: -30px; width: 70px; } .full-block .testimonial p { /* Quotes */ font-family: 'Unna', serif; font-style: italic; font-weight: normal; font-size: 24px; line-height: 1.33em; text-align: center; color: #F1F4F6; padding:0 0 1.5em 0; } .testimonial p:last-of-type { padding:0 0 0 0; } .flex-block-columns { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; } .left-column { width:50%; padding:0 40px 0 0; } .right-column { width:50%; padding:0 0 0 40px; } .article.full-article {} .article.full-article img { display:block; margin-bottom:20px; } .article.full-article h3 { font-family: 'Unna', serif; font-style: normal; font-weight: normal; font-size: 38px; line-height: 44px; color: #1D3C5A; padding:0 0 16px 0; transition:all ease 250ms; } .article.full-article a h3:hover { color: #DEA929; } .article.full-article .date { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; padding:0 0 19px 0; opacity: 0.7; } .article.full-article p { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; color:#5D7389; font-size: 16px; line-height: 30px; letter-spacing: 0.02em; padding:0 0 1em 0; } .article.full-article .meta { margin:0 0 20px 0; } .article.full-article .meta a { display:inline-block; text-transform:uppercase; background: #5D7389; border-radius: 0px; font-size: 13px; line-height: 1em; letter-spacing: 0.1em; text-transform: uppercase; color: #F1F4F6; opacity: 0.7; padding:10px 10px 8px; margin:0 2px 5px 0px; } .article.full-article .read-more { text-align:right; } .article.full-article .read-more a { display:inline-block; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color:#DEA929; position:relative; padding: 0 0 0 0; } .article.full-article .read-more a:before { height:1px; width:60px; display:inline-block; content:""; right:100%; margin-right:10px; top:50%; position:absolute; margin-top:-0.5px; background-color:#DEA929; line-height: 1em; vertical-align: middle; transition:all ease 200ms;} .article.full-article .read-more a:hover:before { height:1px; width:40px; } .articles-list { } .articles-list article { padding:0 0 0 20px; border-left:solid 2px #9B0760; margin-bottom:60px; } .articles-list article:last-of-type { margin-bottom:60px; } .articles-list article h3 { font-family: 'Unna', serif; font-size: 28px; line-height: 32px; font-weight:400; color: #1D3C5A; padding:0 0 12px 0; } .articles-list article h3 a { color: #1D3C5A; } .articles-list article h3 a:hover {color: #DEA929; } .articles-list article .date { font-size: 14px; line-height: 20px; letter-spacing: 0.02em; margin-bottom:23px; } .articles-list article .excerpt { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; color:#5D7389; font-size: 16px; line-height: 1.5em; letter-spacing: 0.02em; padding:0 0 0 0; } .articles-list article .excerpt p { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; color:#5D7389; font-size: 16px; line-height: 1.5em; letter-spacing: 0.02em; padding:0 0 0 0; } .articles-list .excerpt p { padding: 0 0 0em 0; } .apply-now-content { position: relative; } .full-block.apply-now-block { position:relative; background-color:#F1F4F6; padding: 0; } .apply-now-content { position:relative; max-width:560px; } .full-block.apply-now-block .apply-now-block-background { border-radius: 0 0 0 320px; position:absolute; top:0; left:0; bottom:0; right:0; background:url('images/apply-now-background.jpg') center center no-repeat transparent; } .top-100 { padding-top:85px; } .bottom-100 { padding-bottom:85px; } .full-block.apply-now-block h3 { font-family: 'Unna', serif; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; color: #F1F4F6; padding:0 0 0.95em; } .full-block.apply-now-block p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.75em; color: #F1F4F6; padding:0 0 60px; } .full-block.apply-now-block p a { color:#9B0760; } .full-block.apply-now-block p a:hover { color:#DEA929; } .full-block.apply-now-block .button-holder { } .full-block.apply-now-block .button-holder a { display: inline-block; padding: 0.9em 3.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0;position:relative; } .full-block.apply-now-block .button-holder a:hover { border-radius:0; } .full-block.apply-now-block .button-holder .b-i { background:transparent; display:inline-block; } .b-i { display: inline-block; position: relative; background:transparent; } /* ABOUT US PAGE */ .banner-about { position:relative; padding-bottom: 80px; background: #1D3C5A; text-align:center; } .banner-page-image { background:#F1F4F6; } .banner-page-image-i { max-width:1920px; margin:0 auto; } .banner-page-image img { display:block; width:100%; } .banner-person .banner-title { position: absolute; width: 100%; bottom: 100%; } .banner-person .banner-title.with-logo { position: relative; width: 100%; bottom: 100%; margin: 0 auto; max-width: 40%; } .banner-about .banner-footer { position: absolute; bottom: 0; width: 100%; text-align: center; } .banner-footer .equalizer { position: absolute; bottom: 0; left:0; } .banner-footer a:hover { opacity:0.7em; } .banner-footer .learn-more { position: absolute; bottom: 0; right: 0; z-index: 10; } .banner-footer .learn-more .text { position: relative; font-size:14px; line-height:14px; font-family: 'Nunito Sans', sans-serif; text-align:right; padding:0 20px 35px 0; color: #F1F4F6; border-right: 1px solid #F1F4F6; } .banner-footer .learn-more .line a.active { position: absolute; width:1px; left:100%; top:0; height:50%; background-color:#9B0760; } .banner-footer-i { position: relative; } .page-id-300 .banner-page-image-i img { border-radius:250px 0 0 0; } .about-block-intro { padding:0; } .about-block-intro .intro-flex-row { align-items:center; } .about-block-intro .text { padding:95px 0 140px 0; } .about-block-intro .text p { padding:0; color: #B1BDC7; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 21px; line-height: 38px; } .about-block-intro .intro-image img { position:relative; top:0; } .about-block-intro .intro-content h3 { font-family:'Unna', serif; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; color: #F1F4F6; padding:0 0 60px 0; } .about-block-intro-image { padding-top:180px; text-align:center;} .abii-i { max-width:1920px; margin:0 auto; } .about-block-intro-image img { display:block; } .section.about-team { padding:140px 0 200px 0; } .about-team-intro { padding:0 0 80px 0; } .about-team-intro h3 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; /* Primary Dark Turquoise */ color: #1D3C5A; padding:0 0 83px 0; } .about-team-intro .text-align-left { text-align:left; } .width-720 { max-width:720px; } .position-right { float:right; } .about-team-intro p { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 21px; line-height: 38px; color:#1D3C5A; } .section.about-team .flex-row { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; margin:0 -40px; } .section.about-team .flex-row .about-team-item { width:25%; padding:0 40px; } .sing-it-on.section .full-block-flex-row { align-items:flex-end; } .full-block.about-background { position:relative; padding: 0; min-height: 250px; } .full-block.about-background .block-background { border-radius: 0 0 0 250px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: url(images/about/about-background-block.png) center center no-repeat transparent; background-size: cover; } .full-block.background-block .button-holder { margin-top:35px; } .full-block.background-block .button-holder a { display: inline-block; padding: 0.9em 3.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0;position:relative; } .full-block.background-block .button-holder a:hover { border-radius:0; } .full-block.background-block .imagery-background:before { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.15); content:""; display:block; } .full-block.background-block .imagery-background { position:relative; } .full-block.background-block .imagery-background img { display:block; width: 100%; position:relative; } .section.about-team .flex-row .about-team-item > a.button { width: 100%; display: flex; vertical-align: middle; height: 220px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; display: flex; align-items: center; letter-spacing: 0.08em; text-transform: uppercase; color: #F1F4F6; background: #DEA929; padding: 0 40px; border-radius: 0 50% 0 110px; } .section.about-team .flex-row .about-team-item > a.button:hover { border-radius:0px; } .about-team-item .imagery { padding:0 0 16px 0; } .about-team-item .imagery img { display:block; } .about-team-item h5 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #1D3C5A; padding:0 0 12px 0; } .about-team-item .desc { font-family: 'Nunito Sans', sans-serif; font-style: normal; color:#5D7389; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; } .section.about-tournaments { background:#1D3C5A; padding:0 0 0 0; position:relative; } .section.about-tournaments:before { background:#F1F4F6; content:""; display:block; width:100%; height:100px; position:absolute; top:0; padding:0 0 0 0; } .section.about-tournaments .row { position:relative; } .block-flex-row { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; margin:0 -0; align-items:center; padding: 0 0 220px 0; } .block-flex-row .content { width:50%; padding:260px 80px 0 0; } .block-flex-row .content h3 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; color: #F1F4F6; padding:0 0 60px 0; } .block-flex-row .content p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 21px; line-height: 38px; color: #B1BDC7; padding:0 0 80px 0; } .block-flex-row .content > a { display:inline-block; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color:#DEA929; position:relative; margin: 0 0 0 70px; } .block-flex-row .content > a:before { height:1px; width:60px; display:inline-block; content:""; right:100%; margin-right:10px; top:50%; position:absolute; margin-top:-0.5px; background-color:#DEA929; line-height: 1em; vertical-align: middle; transition:all ease 200ms;} .block-flex-row .content > a:hover:before { height:1px; width:40px; } .block-flex-row .image img { display:block; } .block-flex-row .image { width:50%; padding:0 0 0 80px; } .full-block-flex-row a.link { display:inline-block; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color:#DEA929 !important; position:relative; margin: 20px 0 0 70px; } .full-block-flex-row a.link:before { height:1px; width:60px; display:inline-block; content:""; right:100%; margin-right:10px; top:50%; position:absolute; margin-top:-0.5px; background-color:#DEA929; line-height: 1em; vertical-align: middle; transition:all ease 200ms;} .full-block-flex-row a.link:hover:before { height:1px; width:40px; } .full-block-flex-row a.link:hover { color:#DEA929 !important; } .full-block.right-align-image.rounded-corner img { border-radius: 0 100px 0 0; } .full-block.left-align-image.rounded-corner img { border-radius: 100px 0 0 0; } .section.about-albums { background:#1D3C5A; padding:0 0 240px 0; position:relative; } .section.about-albums h3 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; color: #F1F4F6; padding:0 0 60px 0; } .section.about-albums p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 22px; line-height: 38px; color: #F1F4F6; } .section.about-albums p.text-align-left.width-720.position-right { float:right; max-width:720px; text-align:left; } .section.about-albums .albums-list-item p { font-family: 'Nunito Sans'; font-family: Nunito Sans;font-style: normal;font-weight: normal;font-size: 14px;line-height: 20px;letter-spacing: 0.02em; color: #B1BDC7; } .sing-it-holder { position:relative; } .sing-it-holder .watch-video-wrapper { position: absolute; bottom: -115px; left: 0%; right:0; text-align:center; } .sing-it-on.section { padding:0 0 315px 0; position:relative; } .sing-it-on.section:before { position:absolute; top:0; height:100px; width:100%; display:block; content:""; background-color:#1D3C5A; } .sing-it-on-content { position: relative; max-width: 560px; } .sing-it-on-content a { color:#DEA929; font-weight:700; } .sing-it-on-content a:hover { color:#C92674; } .full-block.full-width-content .sing-it-on-content { max-width: 1020px; } .sing-it-on-content h3 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 35px; line-height: 1.25em; color: #F1F4F6; padding: 0 0 0.5em 0; } .sing-it-on-content p { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; font-weight: 400; font-size: 16px; line-height: 1.45em; color: #F1F4F6; } .sing-it-on-content .link-holder { padding:80px 0 0 0; } .sing-it-on-content .link-holder .l-i { } .sing-it-on-content .link-holder .l-i a { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color:#DEA929; position:relative; display:inline-block; margin: 0 0 0 70px; } .sing-it-on-content .link-holder .l-i a:before { height: 2px; width: 60px; display: inline-block; content: ""; right: 100%; margin-right: 10px; top: 50%; position: absolute; margin-top: -2px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .sing-it-on-content .link-holder .l-i a:hover:before { width: 40px; } .signup-form .wpcf7 .ajax-loader { position:absolute; } .banner-competitions { } .banner-competitions { position: relative; } .banner-competitions .banner-footer { position: absolute; bottom: -80px; } .banner-competitions .banner-footer .learn-more .text { color:#5D7389; border-right: 2px solid #b6c0ca; } .banner-competitions .banner-footer .learn-more .line a.active { width:2px; } .competitions-block-intro.white-background { background:#F1F4F6; padding:180px 0 200px 0; } .competitions-block-intro h3 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; color: #1D3C5A; padding:0 0 60px 0; } .competitions-block-intro p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 21px; line-height: 38px; color: #5D7389; padding:0 0 40px 0; clear:both; max-width: 800px; } .competitions-block-intro p.ri { float:right; text-align:left; } .competitions-block-intro p:last-of-type { padding:0 0 0 0; } .banner-top-page { padding:0 0 35px 0; } .banner-top-page.dark-blue { background-color:#1D3C5A; } .banner-top-page.white { background-color:#F1F4F6; } .banner-top-page.dark-blue .banner-page-image {background-color:transparent; } .banner-top-page .banner-footer { bottom:0; } .banner-top-page.image-white .banner-page { background:#F1F4F6; } .banner-top-page.image-transparent .banner-page { background:transparent; } .banner-top-page.image-dark-blue .banner-page { background:#1D3C5A; } .testimonial-wrapper { padding:50px 0 0 0; } .testimonial-wrapper.dark-blue { background-color:#1D3C5A; } .testimonial-wrapper.white { background-color:#F1F4F6; } .testimonial-wrapper .testimonial { padding:70px 5% 50px 5%; position:relative; margin: 0 auto; } .testimonial-wrapper .content { font-family: 'Unna'; font-style: italic; font-weight: normal; font-size: 23px; line-height: 1.33em; text-align: center; color: #F1F4F6; padding-bottom:20px; } .testimonial-wrapper .content p { font-family: 'Unna'; font-style: italic; font-weight: normal; font-size: 23px; line-height: 1.33em; text-align: center; color: #F1F4F6; } .testimonial-wrapper .author-name { padding-bottom:5px; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 21px; line-height: 1em; text-align: center; color: #F1F4F6; } .testimonial-wrapper .author-position { padding-bottom:0; font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; font-size: 15px; line-height: 1.33em; text-align: center; letter-spacing: 0.02em; color: #B1BDC7; max-width:70%; margin:0 auto; } .testimonial .testimonial-i { position:relative; } .testimonial .quote-left { position: absolute; left: -105px; top: -30px; width: 70px; } .testimonial-wrapper .testimonial:after { content: ""; display: block; width: 2px; background: #9B0760; height: 60px; left: 50%; margin-left: -1px; bottom: 0; position: absolute; display:none; } .testimonial-wrapper .testimonial:before { content: ""; display: block; width: 2px; background: #9B0760; height: 60px; left: 50%; margin-left: -1px; top: 0; position: absolute; } .testimonial-wrapper.white .content { color:#1D3C5A; } .testimonial-wrapper.white .content p { color:#1D3C5A; } .testimonial-wrapper.white .author-name { color: #1D3C5A; } .testimonial-wrapper.white .author-position { color: #5D7389; } .testimonial-wrapper.white .author-position strong { font-weight:inherit; color: #C92674; } .section.com-links-grid { background-color:#1D3C5A; position:relative; padding:75px 0 0 0; } .competitions-links-flex-row { position:relative; display:flex; flex:1; flex-wrap: wrap; align-items:flex-start; flex-direction:row; margin:0 -15px 0px; } .competitions-links-flex-row .it { width:50%; padding:0 15px 65px; } .competitions-links-flex-row .it .content-flx { display: flex; flex-direction: row; flex: 1; flex-wrap: wrap; } .competitions-links-flex-row .it .content-flx .image { width: 40%; padding: 0 0 0 0; } .competitions-links-flex-row .it .content-flx .content { width: 60%; padding: 0 10px 0 20px; } .competitions-links-flex-row .image { padding:0 0 0 0; } .competitions-links-flex-row .image img { display:block; } .competitions-links-flex-row h4 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 32px; line-height: 1em; color: #F1F4F6; flex: none; order: 1; flex-grow: 0; margin: 0px 0px 7px 0; } .competitions-links-flex-row h4 a { color: #F1F4F6; } .competitions-links-flex-row h4 a:hover { color: #DEA929; } .competitions-links-flex-row p { font-family: 'Nunito Sans'; font-style: normal; font-weight: 300; font-size: 16px; line-height: 1.45em; color: #B1BDC7; padding:0 0 1em 0; } .competitions-links-flex-row .link { } .competitions-links-flex-row .link a { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 15px; line-height: 1.45em; letter-spacing: 0.08em; text-transform: uppercase; color:#DEA929; position:relative; display:inline-block; margin: 0 0 0 45px; } .competitions-links-flex-row .link a:before { height: 2px; width: 35px; display: inline-block; content: ""; right: 100%; margin-right: 10px; top: 50%; position: absolute; margin-top: -2px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .competitions-links-flex-row .link a:hover:before { width: 15px; } .full-block.dark-blue { background-color:#1D3C5A; position:relative; } .full-block.dark-blue.enable-bottom-stripe:before { position:absolute; bottom:0; height:132px; background-color:#F1F4F6; content:""; display:block; left:0; right:0; } .full-block.content-image-block.white.enable-bottom-stripe:before { position:absolute; bottom:0; height:132px; background-color:#1D3C5A; content:""; display:block; left:0; right:0; } .content-image-block.block-size-small.dark-blue.enable-top-stripe:before { position:absolute; top:0; height:180px; background-color:#F1F4F6; content:""; display:block; left:0; right:0; } .full-block.content-image-block.dark-blue.enable-top-stripe:before { position:absolute; height:272px; background-color:#F1F4F6; content:""; display:block; left:0; right:0; top:0; } .full-block .full-block-flex-row { position:relative; display:flex; flex:1; flex-wrap: wrap; align-items:center; } .full-block .full-block-flex-row .full-block-image { width:50%; padding-right:80px; padding-left:0px; } .full-block .full-block-flex-row .full-block-image img { display:block; } .full-block .full-block-flex-row .full-block-content { width:50%; padding-left:80px; padding-right:0; } .full-block.enable-bottom-stripe .full-block-flex-row .full-block-content { padding-bottom: 120px; } .full-block.right-align-image .full-block-flex-row .full-block-image { width:50%; padding-left:80px; padding-right:0; order:2; } .full-block.right-align-image .full-block-flex-row .full-block-content { width:50%; padding-left:0px; padding-right:80px; order:1; } .full-block .full-block-content h3 { font-family: 'Josefin sans'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 1.25em; color: #1D3C5A; padding:0 0 1.25em 0;} .full-block .full-block-content p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.5em; color: #5D7389; } .full-block .full-block-content p a { color:#C92674; } .full-block .full-block-content p a:hover { color:#DEA929; } .full-block .full-block-content p:last-of-type { padding:0 0 0 0; } .full-block.dark-blue .full-block-content h3 { font-family: 'Josefin sans'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 1.25em; color: #F1F4F6; padding:0 0 1.25em 0;} .full-block.dark-blue .full-block-content p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.5em; color: #B1BDC7; } .full-block.dark-blue .full-block-content p a { color:#C92674; } .full-block.dark-blue .full-block-content p a:hover { color:#DEA929; } .full-block.dark-blue .full-block-content p:last-of-type { padding:0 0 0 0; } .full-block.content-image-block { padding: 80px 0 0 0; position: relative; } .full-block.content-image-block.block-size-small { padding: 40px 0 40px 0; position: relative; } .full-block.block-size-small .full-block-flex-row .full-block-content { padding-bottom: 0; } .full-block.content-image-block .full-block-content p strong { color: #C92674; font-weight:700; } .full-block.content-image-block .full-block-content h3 { padding: 0 0 0.75em 0; } .full-block.content-image-block.watch-video .image-wrapper { position:relative; } .full-block.content-image-block.watch-video .image-wrapper .watch-video-wrapper { position: absolute; bottom: auto; left: auto; right: 0; top: 50%; margin-right: -75px; margin-top: -75px; text-align: center; } .full-block.content-image-block.watch-video.right-align-image .image-wrapper .watch-video-wrapper { position: absolute; bottom: auto; left: 0; right: auto; top: 50%; margin-left: -75px; margin-top: -75px; text-align: center; } .full-block.content-block { background-color:#F1F4F6; padding:35px 0 40px 0; } .full-block.content-block + .full-block.content-block { } .full-block.content-block.two-columns + .full-block.content-block.two-columns { } .full-block.content-block + .full-block.content-block { padding:0 0 30px 0; } .full-block.content-block.dark-blue { background-color:#1D3C5A; } .full-block.content-block .content-block-title h1 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 44px; line-height: 1.45em; color: #1D3C5A; } .full-block.content-block .content-block-title h2 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 30px; line-height: 1.45em; color: #1D3C5A; } .full-block.content-block .content-block-title h3 { font-family: 'Josefin Sans'; font-style: normal; font-weight: normal; font-size: 25px; line-height: 1.45em; color: #1D3C5A; } .full-block.content-block.dark-blue .content-block-title h1 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 44px; line-height: 1.45em; color: #F1F4F6; } .full-block.content-block.dark-blue .content-block-title h2 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 27px; line-height: 1.45em; color: #F1F4F6; } .full-block.content-block.dark-blue .content-block-title h3 { color: #F1F4F6; line-height: 1.45em; } .full-block.content-block.dark-blue .content-block-inner-text p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #B1BDC7; padding:0 0 1em 0; } .full-block.content-block.dark-blue .content-block-inner-text ul { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #B1BDC7; padding:0 0 0 0em; margin:0 0 0em 0.5em; } .full-block.content-block.dark-blue .content-block-inner-text li { position:relative; list-style-type:none; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #B1BDC7; padding:0 0 1.25em 23px; } .full-block.content-block .content-block-inner-text ul { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; padding:0 0 0 0; margin:0 0 0em 1em; } .full-block.content-block .content-block-inner-text li { position:relative; list-style-type:none; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; padding:0 0 1.25em 23px; } .full-block.content-block .content-block-inner-text li:before { position:absolute; left:0; top:10px; display:block; content:""; width:8px; height:8px; border-radius:1000px; background-color:#C92674; } .full-block.content-block.dark-blue .content-block-inner-text li:before { position:absolute; left:0; top:10px; display:block; content:""; width:8px; height:8px; border-radius:1000px; background-color:#C92674; } .full-block.content-block .content-block-inner-text p { font-size: 17px; line-height: 30px; padding:0 0 0.75em 0; } .full-block.content-block .content-block-inner-text p strong { color:#C92674; } .full-block.content-block.dark-blue .content-block-inner-text p:last-of-type { padding:0 0 0 0; } .full-block.content-block .content-block-inner-text { margin:0 0 0px 0; } .full-block.content-block.dark-blue .content-block-inner-text.include-margin, .full-block.content-block .content-block-inner-text.include-margin { padding-left:0; } .full-block.content-block.dark-blue .content-block-inner-text { } .full-block.content-block.dark-blue .content-block-inner-text .cbiti, .full-block.content-block .content-block-inner-text .cbiti { max-width:991px; } .full-block.content-block .content-block-inner-text .cbiti h1 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 48px; line-height: 1.15em; color: #1D3C5A; padding-bottom:30px; } .full-block.content-block .content-block-inner-text .cbiti h2 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 37px; line-height: 1.15em; color: #1D3C5A; padding-bottom:30px; } .full-block.content-block .content-block-inner-text .cbiti h3 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #1D3C5A; padding-bottom:30px; } .full-block.content-block .content-block-inner-text.with-decoration .cbiti { position:relative; padding-left:80px; } .full-block.content-block.two-columns .content-block-inner-text.with-decoration .cbiti { position: relative; padding-left: 0px; padding-top: 30px; } .full-block.content-block .content-block-inner-text .cbiti ul.special-list { margin:0; padding:25px 0 0 0; } .full-block.content-block .content-block-inner-text .cbiti ul.special-list li { margin:15px 0 30px 0; padding:0 0 0 60px; font-family:'Unna'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #9B0760; position:relative; } .full-block.content-block .content-block-inner-text .cbiti ul.special-list li span { display:block; font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #5D7389; } .full-block.content-block .content-block-inner-text .cbiti ul.special-list li:before { position: absolute; top: 16px; left: 0; height: 2px; width: 40px; content: ""; display: block; background-color: #9B0760; } .full-block.content-block .content-block-inner-text .cbiti .exclamation { position:relative; padding-left:31px; } .cbiti .exclamation p { color:#1D3C5A; } .full-block.content-block.dark-blue .cbiti .exclamation p { color:#fff; } .full-block.content-block .content-block-inner-text .cbiti .exclamation:before { position:absolute; width:11px; height:44px; background:url('images/icon-exclamation.png') 0 0 no-repeat; left:0; display:block; content:""; } /* ALBUMS */ .album-flex { flex:1; flex-direction:row; display:flex; } .album-flex .album-images { width:50%; padding:0 40px; position: relative; } .album-flex .album-content { width:50%; padding:0 40px; position: relative; } .album-flex { padding:40px 0 80px 0; } .album-flex .album-content p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 16px; line-height: 1.45em; color: #1D3C5A; padding: 0 0 1em 0; } .album-flex .album-content p a { color: #cd3064; font-weight:700; } .album-flex .album-content p a:hover { color: #DEA929; font-weight:700; } .album-flex .album-content table { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; padding: 0 0 1em 0; background:transparent !important; } .album-flex .album-content table a { display:inline-block; padding:0 15px 0 0 ; } .album-flex .album-content table td { background:transparent !important; } .album-flex .album-content h1 { padding:0 0 0.5em 0; font-family: 'Unna', serif; font-style: normal; font-weight: bold; font-size: 36px; line-height: 1.05em; text-align: left; color: #1D3C5A; } .album-images {} .album-text h5 { font-style: normal; font-weight: bold; font-size: 16px; line-height: 1.25em; color: #1D3C5A; padding: 0 0 1.25em 0; } .back-link { padding:0 0 28px 0; } .back-link a { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color: #DEA929; position: relative; display: inline-block; margin: 0 0 0 70px; } .back-link a:before { height: 2px; width: 60px; display: inline-block; content: ""; right: 100%; margin-right: 10px; top: 50%; position: absolute; margin-top: -2px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .back-link a:before:hover { width:40px; } .back-link-bottom { position:absolute; bottom:20px; left:0; } .back-link-bottom a { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color: #DEA929; position: relative; display: inline-block; margin: 0 0 0 70px; } .back-link-bottom a:before { height: 2px; width: 60px; display: inline-block; content: ""; right: 100%; margin-right: 10px; top: 50%; position: absolute; margin-top: -2px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .back-link-bottom a:before:hover { width:40px; } .album-flex .album-images .sharer { color: #5D7389; margin: 0 0px 25px 0; } .album-flex .album-images .sharer span { display: inline-block; color: #5D7389; margin-right: 10px; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #5D7389; } .album-flex .album-images .sharer a { display: inline-block; color: #1D3C5A; margin: 0 5px; font-size: 20px; background-color: transparent !important; width: auto !important; } .album-flex .album-images .sharer a > img { padding:0 !important; } .album-flex .album-images .sharer br { display: none; } .album-flex .album-images .sharer a > span { display:none; } .sharer { color: #5D7389; margin: 0 0px 25px 0; } .sharer span { display: inline-block; color: #5D7389; margin-right: 10px; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #5D7389; } .sharer a { display: inline-block; color: #1D3C5A; margin: 0 5px; font-size: 20px; background-color: transparent !important; width: auto !important; } .sharer a > img { padding:0 !important; } .sharer br { display: none; } .sharer a > span { display:none; } .full-block.latest-albums-block h1 { font-family: Unna; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; color: #F1F4F6; } .listen-on { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; margin:0 0 20px 0; } .listen-on-links { display:flex; flex:1; flex-direction:row; flex-wrap:wrap; margin:0 -10px 30px; } .listen-on-links .link { padding:0 10px; width: 33.3333%; } .song-each { border-bottom:solid 1px #d7dee3; position:relative; padding:14px 15px 14px 46px; } .song-each .number { position:absolute; top:14px; left:0; width:32px; text-align:right; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 21px; line-height: 38px; color: #5D7389; } .song-each .song-name { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 21px; line-height: 38px; color: #1D3C5A; } .song-each .song-group { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #9B0760; } .song-each .song-location { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #5D7389; } .full-block.content-block.numbers-block .content-block-inner-text { padding:0; } .full-block.content-block.numbers-block.white .content-block-inner-text .cbiti { max-width:100%; } .full-block.content-block.numbers-block.white .numbers-flex-row { display:flex; flex:1; flex-direction:row; flex-wrap:wrap; } .numbers-flex-row.headline .itemno { padding:60px 0 0px; } .numbers-flex-row.headline .itemno.wide { width:75%; font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 44px; line-height: 1.35em; color: #1D3C5A; } .numbers-flex-row .itemno { width:25%; padding:20px 40px 20px; } .numbers-flex-row .itemno.last { background:#9B0760; } .numbers-flex-row.top .itemno { padding-top:50px; } .numbers-flex-row.bottom .itemno { padding-bottom:80px; } .numbers-flex-row .itemno .l { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 42px; line-height: 1em; color: #9B0760; padding-bottom:0; } .numbers-flex-row .itemno .s { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 18px; line-height: 1.25em; color: #5D7389; position:relative; padding:7px 0 0 0; } .numbers-flex-row .itemno .s:before { position: absolute; top:0; display:block; width:60px; height:2px; background-color:#9B0760; content:""; } .numbers-flex-row .itemno.last .l, .numbers-flex-row .itemno.last .s { color:#F1F4F6; } .numbers-flex-row .itemno.last .s:before { background-color:#F1F4F6; } .full-block.content-block .content-block-title > * { padding-bottom:75px; padding-bottom:0.75em; } .block-albums-list-w { } .block-albums-list-i { padding: 0 0 200px 0; } .block-albums-list-w .list-filter { background-color: #1D3C5A; } .block-albums-list-w .list-filter ul { display:flex; flex:1; flex-direction:row; flex-wrap:wrap; padding:0; margin:0; justify-content:center; } .block-albums-list-w .list-filter ul li a { padding:16px 0 14px; margin:0 30px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; border-bottom:solid 2px transparent; } .block-albums-list-w .list-filter ul li a { color: #B1BDC7; display:block; } .block-albums-list-w .list-filter ul li a.active { color: #C92674; border-bottom:solid 2px #C92674; } .block-albums-list-w .list-filter ul li a:hover { color: #C92674; border-bottom:solid 2px #C92674; } .block-albums-list-i .albums { padding:40px 0px 0px; display:flex; flex:1; flex-direction:row; flex-wrap:wrap; margin: 0 -40px; } .block-albums-list-i .albums .item { width:25%; padding:40px 40px 80px; } .block-albums-list-i .albums .item a { display:block; } .block-albums-list-i .albums .item a img { display:block; } .block-albums-list-i .albums .item a .title { padding:16px 0 12px 0; font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #1D3C5A; } .block-albums-list-i .albums .item a .desc { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #5D7389; } .block-albums-list-i .navigation { position:relative; padding:0 220px 0 0; } .block-albums-list-i .navigation .load-more { position:absolute; top:0; right:0; background:#dde0e2; } .block-albums-list-i .navigation .load-more a { display: flex; align-items: center; padding: 0.9em 1.8em; flex: 1; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 24px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; } .block-albums-list-i .navigation .load-more .loader { width: 24px; float: none; line-height: 24px; display: block; margin-left: 14px; height: 24px; background:url('images/loading-icon.png') center center no-repeat; } .block-albums-list-i .navigation .load-more .text { height:24px; } .block-albums-list-i .navigation .load-more a:hover { border-radius: 0 0 0 0; } .navigation .arrows-html { display: flex; flex-direction: row; flex: 1; align-items: center; margin-left:-12px; } .navigation .arrows-html span { line-height: 24px; font-size: 16px; color: #9B0760; padding: 0 0; } .navigation .arrows-html span.disabled { padding: 0 12px; opacity:0.25; } .navigation .arrows-html .left { } .navigation .arrows-html a { line-height: 24px; font-size: 16px; color: #9B0760; padding: 0 12px; } .navigation .arrows-html .right { } .arrows-html .numbers ul { display: flex; flex-direction: row; flex: 1; align-items: center; } .arrows-html .numbers ul li a { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; display: flex; align-items: center; text-align: center; color: #5D7389; padding:0 12px; } .arrows-html .numbers ul li a.active { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 21px; line-height: 38px; color: #1D3C5A; } .arrows-html .numbers ul li a:hover { color:#1D3C5A; font-size: 21px; } .apply-column {} .apply-column .title { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 38px; line-height: 44px; color: #1D3C5A; padding-bottom:39px; text-align:center; } .apply-column div.btn { text-align:center; } .apply-column div.btn .button-w { margin-bottom:60px; display: inline-block; } .apply-column div.btn .button-w a { display: block; align-items: center; padding: 0.9em 3.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 24px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; cursor:pointer; } .apply-column div.btn .button-w a:hover { border-radius: 0 } .apply-column .imagery img { display:block; } .page-block .full-block.apply-columns.two-columns { padding:0 0 180px; position:relative; } .full-block.apply-columns:before { height:360px; width:100%; content:""; display:block; background:#1D3C5A; position:absolute; bottom:0; left:0; right:0; } .full-block.content-block .content-block-inner-text.with-decoration .cbiti:before { position:absolute; top: 0.75em; left:0; height:2px; width:60px; content:""; display:block; background-color:#9B0760; } .full-block.content-block.two-columns .content-block-inner-text.with-decoration .cbiti:before { position:absolute; top: 0px; left:0; height:2px; width:60px; content:""; display:block; background-color:#9B0760; } .full-block.content-block .content-block-title { padding-top:0px; position:relative; } .full-block.content-block .content-block-title .button-top { position:absolute; top:0; right:0; display:inline-block; } .button-top a { position:relative; display: block; padding: 0.9em 3.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; } .button-top a:hover { border-radius: 0 0 0 0; } .button-top:before { background-color:#DDE0E2; position:absolute; top:0; right:0; bottom:0; left:0; content:""; display:block; } .content-block-wrapper { width: 100%; } .content-block.two-columns .content-block-wrapper {max-width: 1200px; margin: 0 auto; } .content-block-wrapper {max-width: 800px; margin: 0 auto; } .content-block.numbers-block .content-block-wrapper {max-width: 1200px; margin: 0 auto; } .sidebar-template-flex { position: relative; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .sidebar-template-content { width:75%; padding:0 5% 0 0 ; } .sidebar-template-sidebar { width:25%; padding: 25px; margin-top:25px; position:relative; z-index: 5; } .sidebar-template-sidebar .full-block.content-block { background:transparent; padding: 0px 0 25px 0; } .sidebar-template-flex:after { content:""; display:block; position: absolute; width:25%; top:25px; bottom:0; right:0; background: #e4e4e4; } .full-block.content-block.two-columns .content-block-title h1 { } .full-block.content-block.two-columns .flex-columns h2 { font-size: 38px; line-height: 44px; font-weight: normal;} .full-block.content-block.two-columns { padding-bottom:60px; } .full-block.content-block.two-columns .content-block-title { padding-bottom:0px; } .full-block.content-block.two-columns .flex-columns { position: relative; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .full-block.content-block.two-columns .flex-columns { position: relative; display: flex; flex: 1; flex-wrap: wrap; align-items: flex-start; } .full-block.content-block.two-columns .flex-columns .column-one { width:50%; padding:0 80px 0 0; } .full-block.content-block.two-columns .flex-columns .column-two { width:50%; padding:0 0 0 80px; } .full-block.content-block .content-block-inner-text .cbiti p > a.sp { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color: #DEA929; position: relative; display: inline-block; margin: 0 0 0 70px; } .full-block.content-block .content-block-inner-text .cbiti p > a.sp:before { height: 2px; width: 60px; display: inline-block; content: ""; right: 100%; margin-right: 10px; top: 50%; position: absolute; margin-top: -2px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .full-block.content-block .content-block-inner-text p > a { color: #C92674; font-weight:700; } .full-block.content-block .content-block-inner-text p > a:hover { color: #DEA929; } .full-block.content-block.dark-blue .content-block-inner-text p a { color: #DEA929; font-weight:700; } .full-block.content-block.dark-blue .content-block-inner-text p a:hover { color: #C92674; } .full-block.content-block .content-block-inner-text .cbiti p > a:hover:before { width: 40px; } .full-block.content-block.add-borders .full-block-flex-row { border-top:solid 1px #B1BDC7; border-bottom:solid 1px #B1BDC7; padding-top:40px; padding-bottom:40px; } .full-block.content-block.add-borders.white .full-block-flex-row { border-bottom:solid 0px transparent; } .full-block.content-block.add-borders .cbiti h4 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #B1BDC7; padding-bottom:40px; } .full-block.content-block.add-borders.white .cbiti h4 { color:#5D7389; } .full-block.content-block.add-borders .phew-links { position:relative; display:flex; flex:1; flex-wrap: wrap; align-items:center; justify-content: flex-start; margin-bottom:20px; } .full-block.content-block.add-borders .phew-links .button { position: relative; width:50%; text-align:center; } .full-block.content-block.add-borders .phew-links .button a { position:relative; display: block; padding: 0.9em 2.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 15px; line-height: 22px; text-transform: uppercase; border-radius: 1000px 0 0 1000px; position: relative; border-right:solid 1px #F1F4F6; } .full-block.content-block.add-borders .phew-links .button a:hover { background:#1D3C5A; color:#F1F4F6; } .full-block.content-block.add-borders .phew-links .button:before { background-color:transparent; position:absolute; top:0; right:0; bottom:0; left:0; content:""; display:block; } .full-block.content-block.add-borders .phew-links .or { display:none; color:#5D7389; font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 19px; line-height: 36px; } .full-block.content-block.add-borders .phew-links .link a { color:#DEA929; font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 15px; line-height: 22px; text-transform:uppercase; } .full-block.content-block.add-borders .phew-links .link { position: relative; width:50%; text-align:center; } .full-block.content-block.add-borders .phew-links .link a { position:relative; display: block; padding: 0.9em 2.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 15px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 1000px 0; position: relative; } .full-block.content-block.add-borders .phew-links .link a:hover { background:#1D3C5A; color:#F1F4F6; } .full-block.content-block.dark-blue .content-block-inner-text .cbiti h3 { color:#F1F4F6; } .full-block.content-block.dark-blue .content-block-inner-text .cbiti h1 { color:#F1F4F6; } .full-block.content-block.dark-blue .content-block-inner-text .cbiti h2 { color:#F1F4F6; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details { margin:0 0 60px 0; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details:last-of-type { margin:0 0 0 0; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details .title { margin-bottom:16px; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #5D7389; display:inline-block; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details { font-family: 'Nunito Sans';font-style: normal;font-weight: normal;font-size: 17px;line-height: 30px;color: #F1F4F6; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details a { color: #F1F4F6; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details a i { font-size:21px; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details a { margin-right:20px; } .full-block.content-block.dark-blue .content-block-inner-text .contact-details a:hover { color:#DEA929;http://varsityvocals.purpleplanet.website/wp-content/uploads/2021/04/contact-banner.png } .section.com-links-grid.bg-white { background-color:#F1F4F6; } .section.columns-competition .competitions-links-flex-row { flex-wrap:nowrap; } .column-flex-item { width:auto; padding:0 15px; text-align:left; min-width: 33.3333%; max-width:50%; position:relative; } .column-block-image { margin:0 0 1em 0; } .column-flex-item .column-block-content h3 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 20px; line-height: 1.25em; color: #1D3C5A; padding: 0 0 1.25em 0; } .column-flex-item .column-block-content p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; } .column-flex-item .watch-video-wrapper { position: absolute; padding: 6px; width: 120px; border-radius: 1000px; top: -60px; bottom:auto; left: 50%; margin-left: -60px; background: rgba(255,255,255,0.75); right: auto; text-align: center; } .section.com-links-grid { padding: 85px 0 50px 0; } .block-faqs-list-w { padding:40px 0 80px 0; } .block-faqs-list-w .each-faq-category { padding:0 0 50px 0; } .block-faqs-list .each-faq-category:last-of-type { padding:0; } .each-faq-category h2 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 38px; line-height: 44px; color: #1D3C5A; padding:0 0 1.5em 0; } .each-faq-category .each-faq-item { padding:0 0 20px 0; } .each-faq-category .each-faq-item > a { display:block; } .each-faq-category .each-faq-item > a:hover, .each-faq-category .each-faq-item.open-faq > a { background:rgba(250,250,250,1) } .each-faq-category .each-faq-item > a:hover .more-link > span { color:#DEA929; } .item-title { font-family: Unna; font-style: normal; font-weight: normal; font-size: 25px; line-height: 1.25em; color: #1D3C5A; padding:12px 15% 12px 20px; position:relative; border-left:solid 2px #9B0760; transition:all ease 250ms; } .item-title .more-link { position:absolute; top:50%; margin-top:-11px; right:0; font-family: Nunito Sans; font-style: normal; font-weight: bold; font-size: 15px; line-height: 22px; display: flex; align-items: center; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; padding:0 10px 0 0; } .item-title .more-link > a { font-family: 'Nunito Sans'; font-size: 17px; line-height: 22px; color: #9B0760; } .each-faq-item .item-content { display:none; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; padding:40px 20px; border-bottom:solid 1px #d7dee3; } .each-faq-item .item-content p { margin-bottom:1em; } .item-title .more-link a:hover { color:#DEA929; } /* NEWS & MEDIA */ .page-title-w.news-media-page-title { padding-top: 132px; text-align: center; margin-top: -132px; background: #1D3C5A; } .page-title-i { position:relative; } .page-title-w.news-media-page-title .link-back { position:absolute; top:0; left:0; } .page-title-w.news-media-page-title .link-back a { color: #DEA929; font-size: 17px; line-height: 22px; font-weight:700; margin: 0 0 0 0; padding: 0 0 0 70px; font-family: 'Nunito Sans', sans-serif; display: inline-block; position: relative; text-transform:uppercase; } .page-title-w.news-media-page-title .link-back a:before { height: 1px; width: 60px; display: inline-block; content: ""; left: 0; top: 50%; position: absolute; margin-top: -0.5px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .page-title-w.news-media-page-title .link-back a:hover:before { height: 1px; width: 40px; left: 20px; } .page-title-w.news-media-page-title .page-title-i h1 { color:#F1F4F6; } .news-media-latest-article { background:#1D3C5A; position:relative; padding:45px 0 45px 0; } .latest-article-one { position:relative; display:flex; flex:1; flex-direction:row; flex-wrap:wrap; } .latest-article-one .lao-image { width:50%; padding:0 40px 0 0; } .latest-article-one .lao-content { width:50%; padding:0 0px 0 40px; } .lao-content h3 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 34px; line-height: 1.25em; color: #F1F4F6; margin:0 0 30px 0; } .lao-content h3 a { color: #F1F4F6; } .lao-content h3 a:hover { color: #DEA929; } .lao-excerpt { font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.5em; color: #B1BDC7; margin:0 0 30px 0; } .lao-excerpt p { font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.5em; color: #B1BDC7; } .lao-categories { margin:0 -6px 40px -6px; } .lao-categories a { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #F1F4F6; opacity: 0.7; display: inline-block; position: relative; text-transform:uppercase; padding:6px 10px; background: #5D7389; margin:6px; } .lao-categories a:hover { color:#1D3C5A; background-color: #DEA929; } .lao-read-more { } .lao-read-more a { color: #DEA929; font-size: 17px; line-height: 22px; font-weight:700; margin: 0 0 0 0; padding: 0 0 0 70px; font-family: 'Nunito Sans', sans-serif; display: inline-block; position: relative; text-transform:uppercase; } .lao-read-more a:before { height: 1px; width: 60px; display: inline-block; content: ""; left: 0; top: 50%; position: absolute; margin-top: -0.5px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .lao-read-more a:hover:before { height: 1px; width: 40px; left: 20px; } .lao-meta { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #F1F4F6; opacity: 0.7; margin-bottom:20px; } .lao-meta span { display:inline-block; margin-right:5px; } .lao-meta strong { font-weight:700; color:#C92674; } .news-media-list-articles { padding:60px 0 40px 0 } .nmla-title h2 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 48px; line-height: 55px; color: #1D3C5A; margin:0; padding:0; } .nmla-title { margin:0 0 80px 0;} .nmla-flex { margin:0 -40px; display:flex; flex:1; flex-direction:row; flex-wrap:wrap; } .nmla-flex .list-article-one { padding:0 40px 40px; width:50%; } .news-media-list-articles .lao-image img { display:block; } .news-media-list-articles .lao-image { margin:0 0 20px 0; } .nmla-flex .lao-content h3 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 38px; line-height: 44px; color: #1D3C5A; margin:0 0 15px 0; } .nmla-flex .lao-content h3 a { color: #1D3C5A; } .nmla-flex .lao-content h3 a:hover { color: #DEA929; } .nmla-flex .lao-excerpt { font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #B1BDC7; margin:0 0 19px 0; } .nmla-flex .lao-excerpt p { font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #B1BDC7; } .nmla-flex .lao-meta { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #1D3C5A; opacity: 0.7; margin-bottom:19px; } .nmla-flex .lao-meta span { display:inline-block; margin-right:0px; } .nmla-flex .lao-meta strong { font-weight:700; color:#C92674; } .nmla-flex .lao-categories { margin-bottom: 50px; } .nmla-flex .lao-read-more { text-align:right; } .blog-page-pagination { display:block; padding:0px 0 0px 0; position:relative; margin:30px 0; } nav.post-navigation { position:relative; } .post-nav-prev.disabled { float:left; width:30%; } .blog-page-pagination .pages-list { position: relative; max-width: 60%; left: 50%; margin-left: -30%; text-align: center; } .blog-page-pagination .pages-list ul { display:inline-block; margin:0; padding:0; } .blog-page-pagination .pages-list ul li { float:left; background:transparent; list-style-type:none; } .blog-page-pagination .pages-list ul li a { display:inline-block; padding:7px 0; width: 34px; margin: 0 1px; background:transparent; list-style-type:none; border:solid 1px #efefef; } .blog-page-pagination .pages-list ul li a:hover, .blog-page-pagination .pages-list ul li a.active { color:#fff; background:#5D7389; border:solid 1px #5D7389; } .blog-page-pagination > a { position:absolute; } .blog-page-pagination > a.next { top:50%; margin-top:-8px; font-size:16px; right:0; } .blog-page-pagination > a.prev { top:50%; margin-top:-8px; font-size:16px; left:0; } .pagination-simple { text-align:center; position:relative; } .pagination-simple > a:first-of-type { position:absolute; top:50%; margin-top:-8px; font-size:16px; left:0; } .pagination-simple > a:last-of-type { position:absolute; top:50%; margin-top:-8px; font-size:16px; right:0; } .archive-pagination { padding: 0px 0 40px 0; } .news-media-list-articles .lao-image a { border-radius: 0 0 100px 0; overflow: hidden; display: block; } .signup-background .sing-it-on-content { max-width: 90%; } .signup-form-holder { margin: 60px 0 0 0; } .signup-form-holder .sign-up-field {} .signup-form-holder .sign-up-field label { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #B1BDC7; display:block; margin:0 0 8px 0; } .signup-form-holder .sign-up-field input { background:transparent; border:solid 1px #b1bdc7; border-width:0px 0px 1px 0px; font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; display:block; width:100%; } .signup-form-holder form { flex:1; flex-direction:row; flex-wrap:wrap; } .signup-form-holder .forminator-row.forminator-row-last { width:28.5%; padding:0 0 0 0; margin:0; } .signup-form-holder .forminator-row { width:71.5%; padding:0 80px 0 0; display:inline-block; margin:0; } .signup-form-holder .forminator-row button.sign-up-submit { transition:all ease 250ms; display: inline-block; padding: 0.9em 3.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border:solid 1px transparent; } .signup-form-holder .forminator-row button.sign-up-submit:hover { border-radius:0px; } .signup-form-holder .forminator-row #submit { display:inline-block; background:#F1F4F6; } .signup-form { margin: 60px 0 0 0; } .signup-form .sign-up-field {} .signup-form .email-col label { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #B1BDC7; display:block; margin:0 0 8px 0; } .signup-form .email-col input { background:transparent; border:solid 1px #b1bdc7; border-width:0px 0px 1px 0px; font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; display:block; width:100%; outline:none; padding: 0 0 7px 0; } .signup-form .flx { flex:1; flex-direction:row; flex-wrap:wrap; display:flex; align-items:flex-end; } .signup-form .submit-col { width:28.5%; padding:0 0 0 0; margin:0; } .signup-form .email-col { width:71.5%; padding:0 80px 0 0; display:inline-block; margin:0; } .signup-form .submit-col .wpcf7-submit { transition:all ease 250ms; display: inline-block; padding: 0.9em 3.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border:solid 1px transparent; cursor:pointer; } .signup-form .submit-col .wpcf7-submit:hover { border-radius:0px; } .signup-form .submit-col .submit-w { display:inline-block; position:relative; } .wpcf7 .signup-form .wpcf7-spinner { position:absolute; } .news-media-other-w { padding:120px 0 100px 0; } .nmo-flex { flex:1; flex-direction:row; flex-wrap:wrap; display:flex; align-items:center; margin:0 -40px; } .nmo-flex .item .title { font-family: Unna; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #1D3C5A; margin:0 0 12px 0; } .nmo-flex .item .title a { color: #1D3C5A; } .nmo-flex .item .meta { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #1D3C5A; opacity: 0.5; margin:0 0 22px 0; } .nmo-flex .item .excerpt { font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; margin:0 0 7px 0; } .nmo-flex .item { width:50%; padding:0 40px; margin-bottom:80px; } .nmo-flex .item-i { padding:0 0 0 20px; border-left:solid 2px #9B0760; } /* Single Media */ .single-article-headline .back-link { padding: 0 0 40px 0; } .single-article-headline .back-link a:hover:before { width:40px; } .single-article-headline .page-title-i .headline { padding-bottom: 70px; position: relative; } .single-article-headline .article-meta { margin: 38px 0 0 0; text-align: center; overflow: hidden; font-family: 'Nunito Sans'; } .article-meta .article-date { text-align: center; width:100%; display: inline-block; float: none; padding: 0 40px; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #5D7389; } .article-meta .article-author { text-align: left; width:50%; display: inline-block; padding: 0 40px; float: left; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #9B0760; } .article-content { padding:35px 0 180px; } .article-content .top-meta { margin-bottom:60px; } .article-content .top-meta .flx { display: flex; flex: 1; justify-content: space-between; flex-direction: row; align-items: center; } .article-content .top-meta .cats { } .article-content .top-meta .cats { margin:0 -6px 0px -6px; } .article-content .top-meta .cats a { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #F1F4F6; opacity: 0.7; display: inline-block; position: relative; text-transform:uppercase; padding:6px 10px; background: #5D7389; margin:0 6px; } .article-content .top-meta .cats a:hover { color:#1D3C5A; background-color: #DEA929; } .article-content .top-meta .share .ssba { display: flex; align-items: center; flex-wrap:wrap; } .article-content .top-meta .share { color: #5D7389; margin: 0 0px 25px 0; } .article-content .top-meta .share span { display: inline-block; color: #5D7389; margin-right: 10px; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #5D7389; } .article-content .top-meta .share a { display: inline-block; color: #1D3C5A; margin: 0 5px; font-size: 20px; background-color: transparent !important; width: auto !important; } .article-content .top-meta .share a > img { padding:0 !important; } .article-content .top-meta .share br { display: none; } .article-content .top-meta .share a > span { display:none; } .article-content .top-meta .share span { display:inline-block; color: #5D7389; margin-right:20px; font-family: 'Nunito Sans'; font-style: normal;font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em;text-transform: uppercase; color: #5D7389;} .article-content .top-meta .share a { display:inline-block; color: #1D3C5A; } .article-content p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.3em; color: #5D7389; margin:0 0 1em 0; } .article-content h2 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 38px; line-height: 44px; color: #1D3C5A; margin:1em 0 1em 0; } .article-content h3 { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #1D3C5A; margin:1em 0 1em 0; } .article-content p.small { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #5D7389; } .article-content h4 { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 19px; line-height: 36px; color: #1D3C5A; } .article-content h5 { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 19px; line-height: 36px; color: #1D3C5A; margin-bottom: 2px; } .article-content h6 { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 36px; color: #1D3C5A; } .article-content ul { padding:0; margin:0 0 1em 1.25em; list-style-type:disc; color: #5D7389; } .article-content ul li { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; } .article-content strong { color: #9B0760; } .article-content .bottom-meta { } .article-content .bottom-meta .flx { display: flex; flex: 1; justify-content: space-between; flex-direction: row; align-items: center; flex-wrap: wrap; } .article-content .bottom-meta .share { color: #5D7389; margin: 0 0px 25px 0; } .article-content .bottom-meta .share span { display: inline-block; color: #5D7389; margin-right: 10px; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #5D7389; } .article-content .bottom-meta .share a { display: inline-block; color: #1D3C5A; margin: 0 5px; font-size: 20px; background-color: transparent !important; width: auto !important; } .article-content .bottom-meta .share a > img { padding:0 !important; } .article-content .bottom-meta .share br { display: none; } .article-content .bottom-meta .share a > span { display:none; } .article-content .bottom-meta .article-nav { margin:0 0; } .article-content .bottom-meta .article-nav a { display:inline-block; } .article-content .bottom-meta .article-nav a { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color: #DEA929; position: relative; display: inline-block; margin: 0 55px 0 70px; } .article-content .bottom-meta .article-nav a:before { height: 2px; width: 60px; display: inline-block; content: ""; right: 100%; margin-right: 10px; top: 50%; position: absolute; margin-top: -2px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; } .article-content .bottom-meta .article-nav a:hover:before { width:40px; } .article-content .bottom-meta .article-nav a.next:before { height: 2px; width: 60px; display: inline-block; content: ""; left:100%; right: auto; margin-right: 0px; top: 50%; position: absolute; margin-top: -2px; background-color: #DEA929; line-height: 1em; vertical-align: middle; transition: all ease 200ms; margin-left: 10px; } .article-content .bottom-meta .article-nav a.next:hover:before { width:40px; } .article-content .bottom-meta .article-nav a.next { font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; letter-spacing: 0.08em; text-transform: uppercase; color: #DEA929; position: relative; display: inline-block; margin: 0 70px 0 55px; } .header-taxonomy-links { padding:60px 0 0 0; text-align:center; } .header-taxonomy-links a { display:inline-block; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; padding:16px 16px 14px; margin:0 28px; border-bottom:solid 2px transparent; } .header-taxonomy-links a:hover { color:#C92674; border-bottom:solid 2px #C92674; } .header-taxonomy-links a.active { color:#C92674; border-bottom:solid 2px #C92674; } .event-meta-flx { flex: 1; flex-direction: row; flex-wrap: wrap; display: flex; margin: 0px; align-items:center; } .event-meta-flx .event-meta-details {width: 100%; padding: 0 40px; margin-bottom: 40px; border-left: solid 2px #9B0760; } .event-meta-flx .event-meta-details .emd-i { padding: 20px 0 20px 20px; } .event-meta-flx .event-meta-location .eml-i { padding: 20px 0 20px 20px; } .event-meta-location { width: 50%; padding: 0 40px; margin-bottom: 40px; border-left: solid 2px #9B0760; } .event-meta-location .venue { display: flex; flex-direction: row; flex-wrap: wrap; flex: 1; } .event-meta-location span { padding:0 0 0 20px; } .event-meta-location span p { margin:0 0 0 0px; } .event-meta-location span p:last-of-type { margin:0 0 1em 0px; } .event-meta-flx { } .event-meta { padding:40px 0; } .event-meta-flx h6 { font-weight: bold; } .event-meta-flx h3 { margin-top:0; } .event-details-item { margin-bottom:1em; } .event-meta-details .emd-i h3 { margin: 1em 0 0.15em 0; } .event-details-item { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; margin: 0 0 1em 0; } .event-details-item .venue { position:relative; padding: 0 0 0 25px; } .event-details-item .venue i { position: absolute; top: 4px; left: 2px; } .event-details-item .event-program-button { } .event-details-item .event-program-button a { display:inline-block; padding:0.65em 2.5em; background:transparent; color:#5D7389; border:solid 1px #5D7389; } .event-details-item .event-program-button a:hover { background:#5D7389; border-color:#5D7389; color:#fff; } .event-details-item.event-details-groups p { line-height: 1.75em; } #single-event-results #show-results { background: #fafafa; z-index: 100; position: relative; } #show-results { padding: 0 0 40px 0; border-bottom: 0; margin-bottom: 40px; box-shadow: 2px 8px 15px rgb(0 0 0 / 10%); } #single-event-results { } #single-event-results .item-content .top .result-place { padding: 0 0 15px 100px; position: relative; border-bottom: solid 1px #eee; margin: 0 0 15px 0; } #single-event-results .item-content .top .result-place span { width:75px; height:75px; display:inline-block; background:#1D3C5A; border-radius:1000px; text-align:center; line-height:75px; color:#fff; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; position: absolute; left:0; } #single-event-results .item-content .top .result-place .inner { } #single-event-results .item-content .top .result-place .inner .w-song { font-family: Unna; font-style: normal; font-weight: normal; font-size: 25px; line-height: 32px; color: #1D3C5A; } #single-event-results .item-content .top .result-place .inner .w-author { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 21px; line-height: 1.25em; color: #1D3C5A; } #single-event-results .item-content .top .result-place .inner .w-points { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 1.25em; color: #1D3C5A; opacity: 0.5; } #single-event-results .item-content .top .result-place .inner .w-yt { position:absolute; right:0; top:50%; margin-top:-20px; } #single-event-results .item-content .top .result-place .inner .w-yt a { color: #fff; background-color: #ff0000; border-radius: 5px; padding: 0.5em 2em; font-size: 14px; line-height: 1em;} #single-event-results.active .latest-icca-results{ display:flex; } #single-event-results .item-content .top .result-place .inner .w-yt a:hover { opacity:0.5 } #single-event-results .special-awards { } #single-event-results .special-awards-i { padding:0 40px; } #single-event-results .special-awards .special-each { font-size: 18px; margin: 5px 0; } #single-event-results .special-awards .special-each .se-name { } #single-event-results .special-awards .special-each .se-contestant { } #single-event-results .special-awards-i .special-awards-title { font-family: Unna; font-style: normal; font-weight: normal; font-size: 25px; line-height: 32px; color: #1D3C5A; } #single-event-results .se-name { color:#9B0760; font-size:14px; line-height: 2em; } .list-element .events { margin: 20px 15px; } .list-element .events .results a { transition: all ease 250ms; display: inline-block; padding: 0.65em 1.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 12px; line-height: 22px; text-transform: uppercase; border-radius: 0 25px 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } .list-element .events .results a:hover { border-radius: 0 0 0 0; } .list-element .events .results { width: 15%; text-align: right; } .ticket-info-i { display: flex; padding: 30px; background: #1D3C5A; margin: 0 0 40px; border-radius: 50px 0 50px 0; color: #fff; overflow: hidden; align-items: center; flex: 1; flex-direction: row; } .ticket-icon { font-size: 40px; float: none; padding: 0 5% 0 0; display: inline-block; } .ticket-content { color:#fff; text-transform:uppercase; } .ticket-content strong { color:#fff; font-weight:700; } .ticket-content a { border:solid 1px #fff; background:#fff; color:#9B0760; font-weight:700; display:inline-block; padding:0.75em 2em; border-radius: 0px 0 0 20px; margin: 0 0 0 20px; } .ticket-content a:hover { border:solid 1px #9B0760; background:#9B0760; color:#fff; } /* popup */ .show-results { padding: 0 0 40px 0; border-bottom: solid 1px #898989; margin-bottom: 40px; } .results-popup-block { max-width: 800px; background: #fff; padding: 25px; position: relative; margin: 0 auto; } .results-popup-block h5 { font-size: 21px; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 400; padding: 0 0 0.33em 0; color: #1D3C5A; } .results-popup-block h5 span { } .single-event-content-w { position:relative; } .single-event .banner-page-image-i { background-color:#1D3C5A; } .single-event .banner-page-image-i img { margin:0 auto; } .se-results { position: absolute; top: 0; right: 0; left:0; } .single-event .button-holder { margin: 0px 0 0px; text-align: right; } .single-event .button-holder a { display: inline-block; padding: 0.75em 2.25em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0;position:relative; } .single-event .button-holder a:hover { border-radius:0; } .se-title h1 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 36px; line-height: 1.25em; color: #1D3C5A; margin:0; padding:0; padding:0 35% 0 0; } .results-list { text-align:left; margin: 0 auto; } .results-list .nmla-title { margin: 0 0 15px 0; text-align: center; position: relative; } .results-list .nmla-title h2 { font-size: 37px; } .results-flex { margin:0 0 160px 0; } .each-faq-item.each-result-item { margin: 0 0 30px 0; } .results-flex .item-title .event-link a { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; display: inline-block; font-size: 14px; border-radius: 5px; margin-left: 1em; border: solid 1px #DEA929; background: #DEA929; padding: 12px 25px 12px 15px; line-height: 1em; color:#fff; text-transform:uppercase; position: relative; top:-5px; border-radius: 0 40px 0 0; } .results-flex .item-title .event-link a:hover { background-color:#1D3C5A; border-color:#1D3C5A; color:#fff; } .results-flex .each-result-item a { display:block; } .results-flex .each-result-item a:hover, .results-flex .each-result-item.open-faq a { background:rgba(250,250,250,1) } .results-flex .each-result-item a:hover .more-link > span { color:#DEA929; } .results-flex .each-result-item a:hover .item-title { } .results-flex .each-result-item a:hover .item-title { } .results-flex .each-result-item .more-link { padding:0 20px 0 0; } .results-flex .each-result-item .more-link span { transition:all ease 250ms; } .results-flex .latest-icca-results { padding: 0px 0 0 0; margin: 0px 0 0 20px; max-width: 500px; } .results-flex .latest-icca-results-items { padding: 0 2.5% 0 0; width: 50%; } .results-flex .special-awards { padding: 0 0 0 2.5%; width: 50%; } .results-flex .each-faq-item.open-faq .latest-icca-results { max-width: 1000px; display: flex; flex: 1; width: 100%; flex-direction: row; flex-wrap:wrap; } .results-list .nmla-title a { position: absolute; top: 50%; margin-top: -16px; border-radius: 100px; right: 0; color: #f1f4f6; background: #B1BDC7; display: inline-block; padding: 0.5em 1.25em; font-weight: bold;} .results-list .nmla-title a:hover { color: #f1f4f6; background: #C92674; } .results-flex .each-result-item .item-content { border-style: solid; border-color: rgb(155, 7, 96); border-image: initial; background: rgb(250, 250, 250); border-radius: 0px 0 100px 0px; border-width: 0px 0px 0px 2px; } .each-faq-item.each-result-item .item-content .top .result-place { padding: 0 0 15px 100px; position: relative; border-bottom: solid 1px #eee; margin: 0 0 15px 0; } .each-faq-item.each-result-item .item-content .top .result-place span { width:75px; height:75px; display:inline-block; background:#1D3C5A; border-radius:1000px; text-align:center; line-height:75px; color:#fff; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; position: absolute; left:0; } .each-faq-item.each-result-item .item-content .top .result-place .inner { } .each-faq-item.each-result-item .item-content .top .result-place .inner .w-song { font-family: Unna; font-style: normal; font-weight: normal; font-size: 25px; line-height: 32px; color: #1D3C5A; } .each-faq-item.each-result-item .item-content .top .result-place .inner .w-author { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 21px; line-height: 1.25em; color: #1D3C5A; } .each-faq-item.each-result-item .item-content .top .result-place .inner .w-points { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 18px; line-height: 1.25em; color: #1D3C5A; opacity: 0.5; } .each-faq-item.each-result-item .item-content .top .result-place .inner .w-yt { position:absolute; right:0; top:50%; margin-top:-20px; } .each-faq-item.each-result-item .item-content .top .result-place .inner .w-yt a { color: #fff; background-color: #ff0000; border-radius: 5px; padding: 0.5em 2em; font-size: 14px; line-height: 1em;} .each-faq-item.each-result-item .item-content .top .result-place .inner .w-yt a:hover { opacity:0.5 } .special-awards { } .special-awards-i { padding:0 40px; } .each-faq-item .special-awards-i { padding:0 0px; } .special-awards .special-each { display: flex; border-bottom: solid 1px rgba(0,0,0,0.05); margin: 5px 0 5px; padding: 0 0 5px 0; align-items: center; } .special-awards .special-each .se-name { } .special-awards .special-each .se-contestant { font-weight: bold; font-size: 15px; line-height: 1.75em; color: #1D3C5A; width: 50%; } .special-awards-i .special-awards-title { font-family: Unna; font-style: normal; font-weight: normal; font-size: 25px; line-height: 32px; color: #1D3C5A; } .se-name { color:#9B0760; font-size:14px; line-height: 1.33em; padding: 0 20px 0 0; width: 50%; } .filter-results { border-bottom: solid 2px #eee; margin-bottom: 35px; } .filter-results .results-filter { margin-bottom: -1px; } .results-filter ul { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; justify-content: center; } .results-filter ul li { } .results-filter ul li a.active { color: #C92674; border-bottom: solid 2px #C92674; } .results-filter ul li a:hover { color: #C92674; border-bottom: solid 2px #C92674; } .results-filter ul li a { padding: 16px 10px 14px; margin: 0 20px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; border-bottom: solid 2px transparent; } .results-filter ul li a { color: #B1BDC7; display: block; } .filter-results-title { display: block; font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 0 21px 0; } .results-popup-block .show-results { padding: 0 0 25px 0; border-bottom: solid 1px #898989; margin-bottom: 25px; } .results-popup-block .latest-icca-results-item .liri-number span { width: 62px; height: 62px; line-height: 62px; } .advanced-filter {} .advanced-filter-i { display:flex; flex:1; flex-direction:row; margin: 0 0 40px 0; align-items:center; justify-content: center; } .advanced-filter-i .single-af { width:33.3333%; padding:15px 20px; text-align: center; border-right: solid 1px #B1BDC7; } .advanced-filter-i .single-af:last-of-type { border-right: solid 0px transparent; } .advanced-filter-i .single-af select { background: transparent; padding: 10px 10px 10px; margin: 0 0; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 14px; line-height: 22px; text-align: left; letter-spacing: 0.08em; text-transform: uppercase; color: #1D3C5A; border: solid 1px #B1BDC7; width: 100%; display:block; } .single-af-title { display: block; font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; text-align: center; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 0 21px 0; } .results-no-filter { margin-bottom: -1px; } .results-no-filter ul { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; justify-content: center; } .results-no-filter ul li { } .results-no-filter ul li a.active { color: #C92674; border-bottom: solid 2px #C92674; } .results-no-filter ul li a:hover { color: #C92674; border-bottom: solid 2px #C92674; } .results-no-filter ul li a { padding: 16px 10px 14px; margin: 0 20px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; border-bottom: solid 2px transparent; } .results-no-filter ul li a { color: #B1BDC7; display: block; } .year-form { margin:0 0 40px 0; text-align:center; } .results-no-filter select { background:transparent; padding: 16px 10px 14px; margin: 0 20px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: left; letter-spacing: 0.08em; text-transform: uppercase; color: #1D3C5A; border: solid 1px #B1BDC7; width:250px; } .results-no-filter option { background:transparent; padding: 16px 10px 14px; margin: 0 20px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: left; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; border-bottom: solid 2px transparent; } .filter-events { border-bottom: solid 2px #eee; margin-bottom: 10px; margin-top: 80px; } .filter-events .events-filter { margin: 0 -20px -1px; } .events-filter ul { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; /* justify-content: center; */ } .events-filter ul li { } .events-filter ul li a.active { color: #C92674; border-bottom: solid 2px #C92674; } .events-filter ul li a:hover { border-bottom: solid 2px #C92674; } .events-filter ul li a { padding: 16px 10px 14px; margin: 0 20px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; border-bottom: solid 2px transparent; } .events-filter ul li a { color: #B1BDC7; display: block; } .filter-events-title { display: block; font-family: 'Nunito Sans', sans-serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; text-align: left; letter-spacing: 0.1em; text-transform: uppercase; padding: 0 0 16px 0; } .tr-top-row { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; } .tr-top-row .tr-events { width:50%; } .tr-top-row .tr-dates { width:50%; } .tr-dates { } .dates-filter ul { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0 -20px; justify-content: flex-end; } .dates-filter ul li { } .dates-filter ul li a.active { color: #C92674; border-bottom: solid 2px #C92674; } .dates-filter ul li a:hover { border-bottom: solid 2px #C92674; } .dates-filter ul li a { padding: 16px 10px 14px; margin: 0 20px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 17px; line-height: 22px; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; border-bottom: solid 2px transparent; } .dates-filter ul li a { color: #B1BDC7; display: block; } .tr-flx-row { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; } .tr-flx-row .tr-types-col { width:50%; } .tr-flx-row .tr-search-col { width:50%; } .tr-search-holder { text-align:right; } #autocomplete-event { min-width: 446px; padding: 0.65em 20px; background: #fff; border: solid 1px #ddd; color: #545454; font-size: 16px; border-radius: 5px; font-family: 'Nunito Sans', sans-serif; font-style: italic; font-weight: normal; } .autocomplete-suggestions { background:#fff; padding:10px; border:solid 1px #eee; } .autocomplete-suggestions .autocomplete-suggestion { padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #ddd; transition:all ease 250ms; cursor:pointer; } .autocomplete-suggestions .autocomplete-suggestion:hover { color:#C92674; } .autocomplete-suggestions .autocomplete-suggestion:last-of-type { padding-bottom:10px; margin-bottom:0px; border-bottom:solid 0px #ddd; } .filter-event-types { border-bottom: solid 2px #eee; margin-bottom: 35px; margin-top: 0px; padding-bottom: 10px; } .filter-event-types .event-types-filter { margin: 0 -20px -1px; display:none; } .event-types-filter ul { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0; /* justify-content: center; */ } .event-types-filter ul li { } .event-types-filter ul li a.active { color: #C92674; border-bottom: solid 2px #C92674; } .event-types-filter ul li a.active:hover { color: #C92674; border-bottom: solid 2px #C92674; } .event-types-filter ul li a { color: #B1BDC7; border-bottom: solid 2px #B1BDC7; } .event-types-filter ul li a:hover { color: #B1BDC7; border-bottom: solid 2px #B1BDC7; } .event-types-filter ul li a { padding: 7px 10px 7px; margin: 0 20px 4px; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold;font-size: 14px; line-height: 1.5em; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; border-bottom: solid 2px transparent; } .event-types-filter ul li a { color: #B1BDC7; display: block; } .images-gallery-block {} .images_flex { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; padding: 0; margin: 0 -20px; align-items:center; } .images-gallery-block.columns-1 .single-image { width:33.3333%; padding:0 20px; } .images-gallery-block.columns-2 .single-image { width:33.3333%; padding:0 20px; } .images-gallery-block.columns-3 .single-image { width:33.3333%; padding:0 20px; } .images-gallery-block.columns-4 .single-image { width:25%; padding:0 20px; } .results-list.events-list { max-width:1120px; min-height: 450px; } .filter-results.filter-events { margin-top:70px; } .each-faq-item.each-result-item .event-link { position:absolute; top:50%; right:0; margin-top:-20px; } .results-list.events-list .each-faq-item.each-result-item .item-title { padding: 12px 180px 12px 20px; } .results-list.events-list .event-category-title { font-size: 38px; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 400; padding: 0 0 0em 0; color:#1D3C5A; } .events-list .shows-list { padding: 8px 0 0 0; } .events-list .shows-list .list-element { margin: 0px 0 0px 0; border-bottom: solid 1px #dedede; padding: 0 0 0px 0; } .events-list .shows-list .list-element .title { color: #C92674; font-size: 27px; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 400; padding: 0 0 0em 0; } .events-list .list-item-flex { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; font-family: 'Nunito Sans', sans-serif; color: #1D3C5A; align-items:center; } .events-list .list-item-flex .place { width: 15.0%; padding: 0 5% 0 0; font-size: 14px; line-height: 1.2em; } .events-list .list-item-flex .description { font-family: 'Unna'; font-size: 21px; } .event-category-item { margin: 0 0 35px 0; } .main-cform { } .main-cform .form-row { margin-bottom:30px; } .main-cform .form-row label { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #B1BDC7; display:block; padding:0 0 0px 0; } .main-cform .form-row label span { color:#C92674; } .main-cform .form-row .el { display:block; border-bottom:solid 1px #b1bdc7; padding:4px 0; } .main-cform .form-row .el input { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.45em; color: #F1F4F6; border:none; background:transparent; outline:none; } .main-cform .form-row .el textarea { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.45em; color: #F1F4F6; border:none; background:transparent; outline:none; height: 5.5em; width:100%; } .main-cform .form-row .el select { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.45em; color: #F1F4F6; border:none; background:transparent; outline:none; width: 100%; } .main-cform .form-row .el select option { color:#B1BDC7; } .main-cform .form-submit-row { text-align:center; margin-top:60px; } .main-cform .form-submit-row .el { display: inline-block; } .main-cform .form-submit-row .el input { transition: all ease 250ms; display: inline-block; padding: 0.9em 5.5em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } .main-cform .form-submit-row .el input:hover { border-radius: 0 0 0 0; } .main-cform .form-submit-row .el .ajax-loader { position:absolute; } .main-cform .form-submit-row .el .wpcf7-spinner { position:absolute; } .apply-now-form { margin: 20px 0 0 0; } .apply-now-form .flx { display: flex; flex: 1; justify-content: space-between; flex-direction: row; align-items: flex-start; padding-bottom:25px; margin-bottom:5px; border-bottom:solid 1px #d7dee3 } .apply-now-form .flx.no-border { border-bottom:solid 1px transparent } .apply-now-form .flx.flx-agreement { align-items: center; flex-wrap: wrap; justify-content: center; } .apply-now-form .flx.flx-agreement .col { width:100%; max-width:768px; } .apply-now-form .flx.flx-agreement .col p { font-size: 13px; line-height: 1.5em; color: #5D7389; } .apply-now-form .col { width:50%; max-width:560px; } .full-col.first-col p { padding-bottom:0.5em; } .apply-now-form .full-col.first-col h3 { margin: 0.5em 0 0.5em 0; } .apply-now-form .col:first-of-type { padding-right:40px; } .apply-now-form .col:last-of-type { padding-left:40px; } .apply-now-form h2 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 38px; line-height: 44px; color: #1D3C5A; margin:0 0 1em 0; } .apply-now-form p { font-family: Nunito Sans; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px; color: #1D3C5A; } .apply-now-form h3 { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 1.15em; color: #1D3C5A; margin:0 0 0.9em 0; } .apply-now-form .form-row label { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #1D3C5A; display:block; padding:0 0 8px 0; } .apply-now-form .form-row label span { color:#C92674; } .apply-now-form .form-row .el { display:block; border-bottom:solid 1px #b1bdc7; padding:0px 0; } .apply-now-form .form-row .helper { font-size: 12px; line-height: 1.5em; color: #1D3C5A; padding: 0 0 15px 0; } .apply-now-form .form-row .el input { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.33em; color: #1D3C5A; border:none; background:transparent; outline:none; width: 100%; } .apply-now-form .form-row .el textarea { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.33em; color: #1D3C5A; border:none; background:transparent; outline:none; width: 100%; height: 5.5em; width:100%; } .apply-now-form .form-row .el select { width: 100%; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.33em; color: #1D3C5A; border:none; background:transparent; outline:none; width: 100%; } .apply-now-form .wpcf7-form-control-wrap { position: relative; width: 100%; display: block; } .apply-now-form .select-subject { } .apply-now-form .select-subject { font-family: 'Nunito Sans';font-style: normal;font-weight: normal;font-size: 17px;line-height: 30px;color: #5D7389; } .apply-now-form .select-subject .wpcf7-list-item { padding:4px 0; } .apply-now-form .select-subject .wpcf7-list-item .wpcf7-list-item-label { display:inline-block; margin-left:6px; font-family: 'Nunito Sans';font-style: normal;font-weight: normal;font-size: 17px;line-height: 30px;color: #5D7389; } .apply-now-form .select-subject label { display:block; cursor:pointer; } .apply-now-form .form-row { margin-top:20px; } .apply-now-form .form-row.form-2col-row { display: flex; flex: 1; justify-content: space-between; flex-direction: row; align-items: flex-start; padding-bottom:0px; margin-bottom:0px; } .apply-now-form .form-row.form-2col-row .col { width:50%; padding: 0 20px; } .apply-now-form .form-row.form-2col-row { margin: 20px -20px 0; } .apply-now-form .form-submit-row { text-align:center; margin:50px auto 50px; } .apply-now-form .form-submit-row .el { display: inline-block; } .apply-now-form .form-submit-row .el input { transition: all ease 250ms; display: inline-block; padding: 0.9em 5.5em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } .apply-now-form .form-submit-row .el input:disabled { pointer-events:none; opacity:0.25; } .apply-now-form .form-submit-row .el input:hover { border-radius: 0 0 0 0; } .apply-now-form .form-submit-row .el .ajax-loader { position:absolute; } .apply-now-form .form-submit-row .el .wpcf7-spinner { position:absolute; } /* Registration Form */ .user-registration.ur-frontend-form { margin-bottom: 0px; border: 0px solid transparent; padding: 20px; box-sizing: border-box; } .user-registration.ur-frontend-form .ur-form-row .ur-form-grid label { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal !important; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #1D3C5A; display: block; padding: 0 0 8px 0; } .user-registration.ur-frontend-form .ur-form-row .ur-form-grid .input-wrapper { display: block; border-bottom: solid 1px #b1bdc7; padding: 0px 0; } .user-registration.ur-frontend-form .ur-form-row .ur-form-grid input[type="text"], .user-registration.ur-frontend-form .ur-form-row .ur-form-grid input[type="email"], .user-registration.ur-frontend-form .ur-form-row .ur-form-grid input[type="password"] { margin: 0; background:transparent; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 1.33em; color: #1D3C5A; border: none; background: transparent; outline: none; width: 100%; } .user-registration.ur-frontend-form button, .user-registration.ur-frontend-form input[type="submit"], .user-registration.ur-frontend-form button[type="submit"] { transition: all ease 250ms; display: inline-block; padding: 0.9em 5.5em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } .user-registration.ur-frontend-form button:hover, .user-registration.ur-frontend-form input[type="submit"]:hover, .user-registration.ur-frontend-form button[type="submit"]:hover { border-radius: 0 0px 0 0; } .user-registration.ur-frontend-form button[type="submit"] br { display:none !important; } .user-registration .user-registration-error { padding: 10px !important; } .user-registration.ur-frontend-form .ur-message.user-registration-error li { padding-left:22px !important; } p a { color:#DEA929; } p a:hover { color:inherit; } .form-row.important { margin-top: 30px; } .form-row.important blockquote { margin-top: 30px; } .form-row.important blockquote { position:relative; padding-left:31px; } .form-row.important blockquote p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px; color: #1D3C5A; } .form-row.important blockquote p a { color:#C92674; font-weight:700; } .form-row.important blockquote:before { position:absolute; width:11px; height:44px; background:url('images/icon-exclamation.png') 0 0 no-repeat; left:0; display:block; content:""; margin-top: -13px; top: 50%; } .apply-now-form .agreement p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; } .apply-now-form .agreement p strong { color: #C92674; } .agreement .wpcf7-list-item { margin:15px 0 0 0; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #5D7389; } .apply-now-form .form-payment-row { text-align:center; margin:25px 0 40px 0; } .apply-now-form .form-payment-row .el select { width:100%; max-width:300px; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; padding: 1px; background: transparent; outline: none; border: none; } .apply-now-form .form-payment-row .el { border: solid 1px #b1bdc7; max-width:300px; margin:0 auto; padding: 20px 17px 20px 13px; } .apply-now-form .wpcf7-not-valid-tip { color: #dc3232; font-size: 1em; font-weight: normal; display: block; font-size: 12px; top: -2em; right: 0; position: absolute; } /* MyAccount */ .user-group-info h2 { font-size: 48px; color: #1D3C5A; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 700; padding: 0 0 0.75em 0; } .user-registration h2 { font-size: 48px; color: #1D3C5A; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 700; padding: 0 0 0.75em 0; margin: 0 !important; } .form-wrapper .form-row label { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #1D3C5A; display: block; padding: 0 0 8px 0; } .form-wrapper .form-row { margin:0 0 25px 0; } .form-wrapper .form-row .el { display: block; border-bottom: solid 1px #b1bdc7; padding: 0px 0; } .form-wrapper .form-row .el input { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; border: none; background: transparent; outline: none; width: 100%; } .form-wrapper .form-row .el textarea { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; border: none; background: transparent; outline: none; width: 100%; height: 5.5em; width: 100%; } .form-wrapper .form-submit-row { text-align: center; margin: 50px auto 50px; } .form-wrapper .form-submit-row input { transition: all ease 250ms; display: inline-block; padding: 0.9em 5.5em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } .form-wrapper .form-submit-row input:hover { border-radius:0px; } .user-registration h3 { font-size: 36px; color: #1D3C5A; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 700; padding: 0 0 0.55em 0; } #user-registration { text-align:left; } #user-registration p { color: #1D3C5A; line-height:1.45em; text-align:left; } #user-registration p a { color: #DEA929; } #user-registration p a:hover { color: #1D3C5A; } .user-registration-MyAccount-navigation-link.is-active a { background:#1D3C5A !important; color:#fafafa; } .member-group-roster { } .member-group-roster h4 { font-size: 21px; color: #1D3C5A; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 700; padding: 0 0 0.75em 0; margin: 0 !important; } #shared-lists { } .group-rosters-flex { display:flex; flex:1; flex-wrap:wrap; flex-direction:row; } .group-rosters-flex { display:flex; flex:1; flex-wrap:wrap; flex-direction:row; margin:0 -10px; position:relative; } .group-rosters-flex .overlay { position:absolute; top:0; left:0; right:0; bottom:0; display:none; background-color:rgba(255,255,255,0.75); } .group-rosters-col { width:50%; padding:0 10px; } .group-rosters-col .title { font-size: 18px; color: #1D3C5A; line-height: 1.15em; text-align: left; font-family: 'Unna', serif; font-weight: 700; padding: 0 0 0.75em 0; margin: 0 !important; } .group-rosters-col .list-group-item { padding:10px; border:solid 1px #efefef; margin:0 0 2px 0; cursor:pointer; transition:all ease 250ms; position:relative; } .group-rosters-col .list-group-item:hover { background-color:#efefef; } .group-rosters-col .ignore-element { pointer-events: none; background: #DEA929; font-weight: bold; color:#fff; border:solid 1px #DEA929; } .group-rosters-col .list-group-item .delete { position: absolute; top: 0; color: #fff; right: 0; background: #cc082a; padding: 10px; bottom: 0; z-index:40; transition:all ease 250ms; } .group-rosters-col .list-group-item .delete:hover { opacity:0.75; } .cf7wpay_body { display: table; MARGIN: 0 AUTO; } .cf7wpay_stripe { text-align: center; } .cf7wpay_sandbox { MARGIN: 0 AUTO; } #stripe-submit { transition: all ease 250ms; display: inline-block; padding: 0.9em 5.5em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } #stripe-submit:hover { border-radius: 0 0 0 0; } .content-block.row1200 .row { max-width:1200px } .banner-single-post {} .banner-single-post .banner-page {} .banner-single-post .banner-page-i {} .banner-single-post .banner-page-image img { display: block; width: auto; margin: 0 auto; } .banner-single-post .banner-page-image-i { max-width: 1920px; margin: 0 auto; text-align: center; display: block; background: #17233d; } .team-member-wrapper { margin-top: 40px; padding: 0 0 50px 0; border-bottom: solid 1px #e3e9ee; margin-bottom:40px; } .team-member-flex { display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; } .team-member-flex .team-member-sidebar { width:33.3333%; padding:0 5% 0 0; } .team-member-flex .team-member-sidebar .portrait { margin-bottom:40px; } .team-member-flex .team-member-sidebar .portrait img { display:block; border-radius:100px 0 0 0; } .team-member-flex .team-member-sidebar .interests h6 { font-size: 28px; color: #1D3C5A; line-height: 1.25em; text-align: left; font-family: 'Unna', serif; font-weight: 700; padding: 0 0 1em 0; } .team-member-flex .team-member-sidebar .interests p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; } .team-member-flex .team-member-sidebar .social { margin-bottom:40px; display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; } .team-member-flex .team-member-sidebar .social-each { margin-right:20px; } .social-each a { display: inline-block; border-radius: 100px; background: #1D3C5A; color: #fff; font-size: 14px; line-height: 32px; height: 30px; width: 30px; text-align: center; } .social-each a:hover { background: #DEA929; color: #fff; } .team-member-flex .team-member-content { width:66.6666%; font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.75em; color: #5D7389; margin: 0 0 1em 0; } .team-member-flex .team-member-content p { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 1.75em; color: #5D7389; margin: 0 0 1em 0; } .team-list-w { padding:80px 0; } .team-list-flex { flex: 1; display: flex; flex-direction: row; flex-wrap: wrap; margin:0 -40px; } .team-list-flex .each-team-member-item { width:33.33333%; padding:0 40px 80px; } .section.about-team .flex-row .about-team-item > a.button:hover { border-radius:0px; } .each-team-member-item .item-portrait { padding:0 0 16px 0; } .each-team-member-item .item-portrait img { display:block; border-radius:0 100px 0 0; } .each-team-member-item .item-name { font-family: 'Unna'; font-style: normal; font-weight: normal; font-size: 28px; line-height: 32px; color: #1D3C5A; padding:0 0 12px 0; transition:all ease 250ms; } .each-team-member-item .item-position { font-family: 'Nunito Sans', sans-serif; font-style: normal; color:#5D7389; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; transition:all ease 250ms;} .each-team-member-item a { display:block; } .each-team-member-item a:hover .item-name { color:#DEA929; } .each-team-member-item a:hover .item-position { color:#DEA929; } .team-member-content a.video-popup { display:inline-block; position:relative; } .team-member-content a.video-popup img { display:block; } .team-member-content a.video-popup:before { } .team-member-content a.video-popup::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free","FontAwesome"; font-weight: normal; content: "\f04b"; font-size: 40px; text-align: center; position: absolute; top: 50%; line-height: 80px; left: 50%; margin-left: -40px; margin-top: -40px; height: 80px; width: 80px; font-size: 35px; color: #fff; transition: all ease 250ms; border: solid 4px #fff; border-radius: 1000px; } .team-member-content a.video-popup:hover::before { color:#DEA929; border: solid 4px #DEA929; } .footer-w { padding:80px 0 64px 0; } .footer-menu-column { text-align:center; } .footer-menu-column ul { display:inline-block; padding:0; margin:0 -45px; } .footer-menu-column ul li { float:left; padding: 0 25px 15px; } .footer-menu-column ul li a { color:#1D3C5A; font-size:18px; font-weight:700; line-height:1em; font-family: 'Josefin Sans', sans-serif; font-weight:bold; } .footer-menu-column ul li a:hover { color:#DEA929; } .footer-columns { display: flex; padding: 50px 0; flex: 1; align-items: center; } .footer-widget-column.fwc-1 { width:33.3333%; text-align:left; } .footer-widget-column.fwc-2 { width:33.3333%; text-align:center; } .footer-widget-column.fwc-3 { width:33.3333%; text-align:right; font-size:15px; line-height:24px; olor:#5D7389; font-family: 'Nunito Sans', serif; } .footer-widget-column.fwc-1 { text-transform:uppercase; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #5D7389; } .footer-widget-column.fwc-1 p { text-transform:uppercase; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 13px; line-height: 18px; letter-spacing: 0.1em; text-transform: uppercase; color: #5D7389; padding-bottom:22px; margin:0; } .footer-widget-column.fwc-1 ul.social { padding:0; margin:0; } .footer-widget-column.fwc-1 ul.social li { float:left; margin:0 22px 0 0; } .footer-widget-column.fwc-1 ul.social li a { display:inline-block; font-size:24px; line-height:1em; color:#1D3C5A; } .footer-widget-column.fwc-1 ul.social li a:hover { color:#DEA929; } .footer-terms-column { display:flex; flex:1; justify-content:space-between; align-items:flex-end; } .footer-terms-column .footer-author { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px; color: #5D7389; } .footer-terms-column .footer-terms-menu { } .footer-terms-column .footer-terms-menu ul { margin:0 -10px; display:inline-block; } .footer-terms-column .footer-terms-menu ul li { float:left; margin:0 0 0 10px; } .footer-terms-column .footer-terms-menu ul li a { font-family: 'Nunito Sans', serif; font-style: normal; font-weight: normal; font-size: 15px; line-height: 20px; text-align: center; color: #1D3C5A; } .footer-terms-column .footer-terms-menu ul li a:hover { color:#DEA929; } /* Account Pages */ body .user-registration-MyAccount-content { text-align:left; } #user-registration .ur-form-row label { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 0.02em; color: #1D3C5A; display: block; padding: 0 0 8px 0; margin:0; } #user-registration .ur-form-row br { height:0; padding:0; margin:0; display:none;} #user-registration .ur-form-row p.form-row { margin-top: 20px; } #user-registration .ur-form-row legend { font-family: 'Unna'; font-style: normal; font-weight: bold; font-size: 28px; line-height: 1.15em; color: #1D3C5A; margin: 0 0 0.9em 0; } #user-registration .ur-form-row input[type="password"], #user-registration .ur-form-row input[type="email"], #user-registration .ur-form-row input[type="text"] { font-family: 'Nunito Sans'; font-style: normal; font-weight: normal; font-size: 17px; line-height: 30px; color: #1D3C5A; border: none; background: transparent; outline: none; display: block; border:solid 0px transparent; border-bottom: solid 1px #b1bdc7; padding: 0px 0; } #user-registration .ur-form-row input[type="submit"] { transition: all ease 250ms; display: inline-block; padding: 0.9em 5.5em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 1000px 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } #user-registration .ur-form-row input[type="submit"]:hover { border-radius: 0 0 0 0; } #user-registration .add-new-member { border: solid 1px #efefef; border-radius: 10px; margin: 0 0 25px 0; background: #fafafa; padding: 30px; text-align: left; } #user-registration .add-new-member label { color:#1D3C5A; font-weight:bold; } #user-registration .add-new-member form { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } #user-registration .add-new-member form label { margin: 0 2.5% 0 0; white-space:nowrap; } #user-registration .add-new-member form input[name="member_name"] { margin: 0 2.5% 0 0; padding:10px; border:solid 1px #efefef; background:#fff; width:100%; } #user-registration .add-new-member form input#add-group-member { margin: 0 0 0 0; transition: all ease 250ms; display: inline-block; padding: 0.5em 1.5em; background: #DEA929; color: #F1F4F6; letter-spacing: 0.08em; font-family: 'Nunito Sans', serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; text-transform: uppercase; border-radius: 0 0 0 0; position: relative; border: solid 1px transparent; cursor: pointer; } #user-registration .add-new-member form input#add-group-member:hover { background: #1D3C5A; } /* *********************************************************************************************************************************** */ /* *********************************************************************************************************************************** */ /* The grid */ .container{padding-left:1em; padding-right:1em; } .row {width:100%; max-width:1120px; margin:0 auto; box-sizing: border-box;} .row.row-1200 { max-width:1200px; } .row.large-row { max-width: 1790px; padding: 0 15px; } .row.full-row { max-width:1920px } #footer_wrap .row { max-width:1120px; padding: 0 15px; } .menu-wrapper .row { max-width: 1790px; padding: 0 15px; } .vc_row.wpb_row .vc_row.wpb_row.vc_inner { width:100%; max-width:1670px; padding-right: 0; padding-left: 0; margin:0 auto; } .page-contents-i > .vc_row > .container { padding-right: 15px; padding-left: 15px; } .page-contents-i > .vc_row > .container > .vc_row > .wpb_column { } .page-contents-i > .vc_row > .wpb_column > .vc_column-inner > .wpb_wrapper > .vc_row.vc_inner > .wpb_column.vc_column_container.vc_col-sm-12 > .vc_column-inner { /* padding-left:0; padding-right:0; */ } .row > .row-inner { box-sizing: border-box; padding-left: 15px; padding-right: 15px; width: 100%; } /*overflow:hidden;*/ .desktop { display:block; } .mobile { display:none; } img, object, embed{max-width:100%; } img{height:auto; } .mobile-menu-icon { position:relative; text-align:right; } .mmi-i { padding:0 0 0 0;} #toggle-menu { color:#484848; display: inline-block; font-size: 32px; line-height: 1em; padding: 10px 10px 8px; transition: all 250ms linear 0s; } #toggle-menu i { } #toggle-menu img { display:block; } #toggle-menu:hover, #toggle-menu:active { border-color: #484848; color:#484848; } .mobile-menu { margin-top:0px; position: absolute; overflow: scroll; width: 100%; bottom: auto; top: 100%;left: 0; right: 0; z-index: 999; display: none; background: rgba(0,0,0,0.85); box-shadow: 0px 0px 10px rgba(0,0,0,0.15); height: calc(100vh - 130px); height: auto; max-height: 70vh; } .mobile-menu-inner { margin:0 15px; } .mobile-menu-inner ul#main-navigation { display:block; padding:10px 0 5px; float:none; margin:0; display:block; } .mobile-menu-inner ul#main-navigation a { font-size:16px; color:#fff; } .mobile-menu-inner ul li { width:100%; } .mobile-menu-inner ul li a{ display:block; border-bottom: solid 1px rgba(255,255,255,0.3); } .mobile-menu-inner ul#main-navigation > li { float:none; background-color:transparent; } .mobile-menu-inner ul#main-navigation > li:last-child a{ display:block; border-bottom:none; } .mobile-menu-inner ul.sub-menu { display:block; background: transparent none repeat scroll 0 0 !important; box-sizing: border-box; display: block; padding: 10px; } .mobile-menu-inner ul.sub-menu li { margin:0 !important; } .mobile-menu-inner ul.sub-menu li a { border-bottom:1px solid #fff; } .mobile-menu-inner li.current-menu-item ul.sub-menu li a { } .mobile-menu-inner ul.sub-menu li:hover > a { color:#f18a00 } .mobile-menu-inner ul#main-navigation a:hover { color: #f18a00; } .mobile-menu #main-navigation li { margin:0; } .mobile-menu #main-navigation li.menu-item-has-children > a { position: relative; padding: 12px 30px 12px 10px; } .mobile-menu #main-navigation li > a { position: relative; padding: 10px 10px 10px 10px; color:#fff; display:block; box-shadow: none; font-weight: bold; } .mobile-menu #main-navigation > li > a { text-transform:uppercase; } .mobile-menu #main-navigation li ul.sub-menu { position: relative; padding: 0 0px 12px 0px; border:none; display:none; box-shadow:none; } .mobile-menu #main-navigation li ul.sub-menu li a { color:#fafafa; font-size: 0.8em; } .mobile-menu #main-navigation li > a:hover, .mobile-menu #main-navigation li > a:active { color:#fff !important; background:#666 !important; } .mobile-menu #main-navigation > li.highlight > a { display: inline-block; color: #fff; } .mobile-menu #main-navigation li.current-menu-item > a:after { position: absolute; bottom: 0; height: 3px; content: ""; display: block; background-color: #f18a00; width: 100%; left: 0; } .mobile-menu #main-navigation li.menu-item-has-children > a:before { text-rendering: optimizeLegibility; position: absolute; display: inline-block; float: right; font-family: Font Awesome\ 5 Pro,'FontAwesome'; font-size: 12pt; font-weight: 900; content: "\f107"; right: -0; padding: 8px; top: 0; z-index: 100; margin-top: 0; } /* menu-icon */ .menu-toggle-block { display:none; } .menu-icon { display: inline-block; cursor: pointer; top:0px; right:0; position:relative; color:#fff; z-index:10000; padding:5px 10px; border-radius:0px; border:solid 1px #f18a00; } .bar1, .bar2, .bar3 { width: 25px; height: 2px; background-color: #fff; margin: 4px 0 4px; transition: 0.4s; } .menu-icon .bar2 { width:20px; } .open .bar1 { -webkit-transform: rotate(-45deg) translate(-4px, 4px); transform: rotate(-45deg) translate(-4px, 4px); } .open .bar2 {opacity: 0;} .open .bar3 { -webkit-transform: rotate(45deg) translate(-4px, -5px); transform: rotate(45deg) translate(-4px, -5px); } .banner-content { background-size:cover; } .menu-bars { width: 25px; display: inline-block; vertical-align: middle; } .menu-icon > span { display: inline-block; vertical-align: middle; padding-left: 7px; color:#fff; } @media only screen and (max-width:1900px) { .page-title-i h1 { font-size: 40px; line-height:1.15em; } .banner-top-page { padding: 0 0 45px 0; } .results-flex { margin: 0 0 0 0; } .banner-home { max-height: 800px; height:100vh; } .banner-person .banner-title h1 { font-size:100px; } .banner-person-image img { display:block; } .intro-block { padding: 70px 0 70px 0; } .intro-image img { position: relative; top: 0; } .intro-flex-row { align-items: center; } .intro-image { flex: none; width: 40%; padding: 0 5% 0 0; } .intro-content { flex: none; width: 60%; padding: 0 0 0 5%; } .full-block { padding: 70px 0 70px 0; } .custom-padding.top-140 { padding-top: 70px; } .full-block.bottom-300 { padding-bottom: 150px; } .latest-icca .move-image img { position: relative; margin-top: 0; display: block; } .full-block .full-block-right a.learn-more { margin: 2.5em 0 0 0; } .intro-content a.learn-more { margin: 2.5em 0 0 0; } .full-block.content-block .content-block-title h1 { font-size: 40px; line-height: 1.35em; } .full-block.content-block { padding: 40px 20px 45px 20px; } .full-block.content-block .content-block-inner-text { padding: 0 0 0px 0; } .page-block .full-block.apply-columns.two-columns { padding: 0 0 70px; } .about-block-intro .text { padding: 35px 0 40px 0; } .article-content { padding: 30px 0 40px; } .full-block.content-block { padding: 0px 0 10px 0 !important; } .full-block.content-block.dark-blue .content-block-title h2 { font-size: 36px; line-height: 1.3em; padding-bottom: 0.75em; } .full-block.content-block .content-block-title > * { padding-bottom: 0.75em; } .full-block.content-block.dark-blue .content-block-inner-text p:last-of-type { padding: 0 0 1em 0; } .full-block.about-background .block-background { background-size: cover; } .full-block .full-block-flex-row .full-block-image { width: 35%; padding-right: 5%; } .full-block .full-block-flex-row .full-block-content { width: 65%; padding-left: 5%; padding-right: 0; } .full-block.content-image-block { padding: 70px 0 70px 0 !important;; position: relative; } .full-block.dark-blue.enable-bottom-stripe:before { display:none; } .full-block.content-image-block.dark-blue.enable-top-stripe:before { display:none; } .full-block.content-image-block.white.enable-bottom-stripe:before { display:none; } .full-block.right-align-image .full-block-flex-row .full-block-image { width: 35%; padding-left: 5%; } .full-block.right-align-image .full-block-flex-row .full-block-content { width: 65%; padding-right: 5%; } .full-block.enable-bottom-stripe .full-block-flex-row .full-block-content { padding-bottom: 0; } .testimonial-wrapper { padding: 50px 0 0 0; } .testimonial-wrapper .testimonial { padding: 4px 0 60px 0; position: relative; margin: 0 auto; } .testimonial-wrapper .testimonial:before { display: none; } .testimonial-wrapper .testimonial:after { display: none; } .full-block.content-block.dark-blue .content-block-inner-text .main-cform p:last-of-type { padding: 0; } } @media only screen and (max-width:1640px) { } @media only screen and (max-width: 1590px) { } @media only screen and (max-width: 1500px) { #page { } .full-block.about-background .block-background { border-radius: 0 0 0 0; } .full-block.apply-now-block .apply-now-block-background { border-radius: 0; } } /* ################################################################################################################################################## */ @media only screen and (max-width: 1368px) { } @media only screen and (max-width: 1280px) { .menu-right ul li.highlight a:before { display:none; } } @media only screen and (min-width: 1080px) and (max-width: 1200px) { } @media only screen and (max-width : 1120px) { .full-block { padding:40px 20px; } .full-block.content-block, .full-block.content-image-block { padding: 40px 20px !important } .testimonial { margin: 65px auto; } .full-block .testimonial p { font-size: 18px; line-height: 1.64em; } .full-block-banner .inner-banner.top-right-radius { border-radius: 0; overflow: hidden; max-width: 1920px; margin: 0 -20px; } .full-block-banner.white-background { background-color: #F1F4F6; margin: 0 -20px; } .full-block.about-background .custom-padding { padding: 50px 20px !important; } .article-content { padding: 50px 20px 50px; } .news-media-list-articles { padding: 60px 20px 40px 20px; } .news-media-other-w { padding: 75px 20px 75px 20px; } .team-list-w { padding: 40px 20px; } .team-list-flex { margin: 0 -20px; } .team-list-flex .each-team-member-item { width: 33.33333%; padding: 0 20px 50px; } .team-member-wrapper { margin-top: 40px; padding: 0 20px 50px; margin-bottom: 40px; } .page-block .full-block.apply-columns.two-columns .column-one { order:1; } .page-block .full-block.apply-columns.two-columns .column-two { order:2; } .apply-column div.btn { text-align: left; } .apply-column { margin:0 0 75px 0; } .apply-column div.btn .button-w { margin-bottom: 35px; } .apply-column .title { font-size: 35px; line-height:1.5em; padding-bottom: 25px; } .sidebar-template-content { width:100%; } .sidebar-template-sidebar { width:100%; background: #e4e4e4; } .sidebar-template-flex:after { display:none; } .sidebar-template-flex { margin: 0 20px; } } @media only screen and (max-width: 1080px) { } /* EOF max-width: 1024px */ @media only screen and (max-width: 1024px) { .menu-wrapper .menu-right { display:none; } .menu-wrapper .menu-left { display:none; } .menu-toggle-block { display:block; } .menu-wrapper { background: rgba(0,0,0,0.55); } .menu-wrapper.menu-dark { background: rgba(255,255,255,0.55); } .menu-wrapper.menu-dark .bar1, .menu-wrapper.menu-dark .bar2, .menu-wrapper.menu-dark .bar3 { background-color: #1D3C5A; } body.scrolled .menu-wrapper.menu-dark .bar1, body.scrolled .menu-wrapper.menu-dark .bar2, body.scrolled .menu-wrapper.menu-dark .bar3 { background-color: #fff; } .menu-wrapper > .row { justify-content: space-between; align-items: center; display: flex; flex: 1; } .page-title-i .headline { padding:5px 0 50px 0; } .page-title-i .headline:after { height: 44px; } .banner-person .banner-title { position: absolute; width: 100%; height: 100%; bottom: 0; align-items: center; justify-content: center; display: flex; } .banner-person .banner-title h1 { font-size: calc(50px + 1.5vw); z-index: 100; bottom:-1em; } .banner-person .banner-title { position: absolute; width: 100%; height: 100%; bottom: 0; align-items: center; justify-content: center; display: flex; } .banner-person { position: absolute; bottom: 0; width: 100%; top: 0; bottom: 0; left: 0%; right: 0; text-align: center; } .banner-person-i { position: absolute; bottom: 0; width: 100%; top: 0; bottom: 0; left: 0%; right: 0; text-align: center; } .banner-person-image { display:none; width: 16%; pointer-events: none; position: absolute; right: 0; left: 0; bottom: 0; } .banner-footer { position: absolute; bottom: 20px; } .banner-footer .sub-title { font-size: calc(16px + 1.5vw); } .banner-footer .equalizer { display:none; } .banner-footer .learn-more { display:none; } .intro-block { padding: 70px 20px 70px 20px; } .intro-content p { font-size: calc(6px + 2vw); line-height: 1.33em; } .se-results { position: relative; } .full-block.apply-now-block .custom-padding { padding:60px 20px; } .full-block.apply-now-block .apply-now-block-background { border-radius: 0 0 0 0px; } .apply-now-content { } .full-block.apply-now-block h3 { font-size: calc(25px + 1.5vw); line-height:1.33em; } .full-block.apply-now-block p { font-size: calc(16px + 1.5vw); line-height:1.45em; } .latest-icca-results-title .highlight-title { position:relative; } .latest-icca-results-title { margin: 0 0 50px 0; display: block; } .custom-padding.top-200 { padding-top: 75px; } .full-block.bottom-200 { padding-bottom:50px; } .full-block h2 { font-size: calc(8px + 4vw); } .full-block p { font-size: calc(6px + 2vw); line-height: 1.33em; } .shows-list .list-element .title { font-size: calc(22px + 4vw); padding: 0 0 1em 0; color:#DEA929; } .list-item-flex .date { width: 100%; } .list-item-flex .time { width: auto; } .list-item-flex .place { width: auto; } .list-item-flex .description { width: 100%; padding: 0 0% 0 0; } .watch-video-wrapper { position: relative; } .article.full-article .meta a { margin: 0 10px 10px 0; } .full-block.dark-blue-background h2 { font-size: calc(22px + 4vw); padding: 0 0 1em 0; } .full-block.dark-blue-background p { font-size: calc(6px + 2vw); line-height: 1.33em; } .page-title-w.news-media-page-title .link-back a { font-size: 14px; line-height: 1.5em; } .page-title-w.news-media-page-title .link-back { position: relative; top: 0; left: 0; padding: 14px 0 20px 0; } .news-media-latest-article { position: relative; padding: 30px 20px 30px 20px; } .news-media-latest-article:before { display:none; } .filter-events { border-bottom: solid 2px #eee; margin-bottom: 10px; margin-top: 30px; padding: 0 20px; } .tr-top-row .tr-events { width: 100%; margin: 0 0 25px 0; } .events-filter ul li a { margin: 0; padding: 10px 10px 10px; } .tr-top-row .tr-dates { width: 100%; margin: 0 0 25px 0; } .dates-filter ul li a { margin: 0; padding: 10px 10px 10px; } .tr-flx-row .tr-search-col { width: 100%; margin: 0 0 25px 0; } .tr-flx-row .tr-types-col { width: 100%; margin: 0 0 25px 0; } #autocomplete-event { width: 100%; min-width: 100px; } .results-list .nmla-title h2 { font-size: calc(22px + 4vw); padding: 0 0 1em 0; line-height: 1.25em; } .results-list .nmla-title a { position: relative; top: 0%; margin-top: 10px; border-radius: 100px; } .results-flex { margin: 0 0 0 0; padding: 0 20px; } .full-block.content-block.two-columns .flex-columns .column-two { width: 100%; order: 1; padding: 0; } .full-block.content-block.two-columns .flex-columns .column-one { width: 100%; padding: 0; order: 2; } .main-cform .form-submit-row { text-align: left; margin: 40px 0 75px; } .full-block.content-block .content-block-inner-text .cbiti h1 { font-size: 35px; } .footer-menu-column ul { display: flex; padding: 0; margin: 0 auto; justify-content: center; flex: 1; flex-wrap: wrap; } .footer-menu-column ul li { float: left; padding: 0 10px 15px; } .nmo-flex { margin: 0 -20px; } .nmo-flex .item { padding: 0 20px; margin-bottom: 50px; } .header-taxonomy-links a { display: inline-block; font-family: 'Nunito Sans'; font-style: normal; font-weight: bold; font-size: 14px; line-height: 1.5em; text-align: right; letter-spacing: 0.08em; text-transform: uppercase; color: #B1BDC7; padding: 8px 10px 8px; margin: 0 6px; border-bottom: solid 2px transparent; } .apply-now-form { padding:0 20px; } .numbers-flex-row .itemno.last { background: transparent; display: none; } .numbers-flex-row .itemno.last .l, .numbers-flex-row .itemno.last .s { color: #9B0760; } .numbers-flex-row .itemno { width: 33.3333%; padding: 10px 00px 20px; } .numbers-flex-row.bottom .itemno { padding-bottom: 20px; } } /* EOF max-width: 1024px */ @media only screen and (max-width : 800px) { .banner-navigation { display: flex; align-items: center; justify-content: center; } .banner-navigation .next { position: relative; order: 2; top: 0; right: 0; display: inline-block; background: rgba(0,0,0,0.65); margin-top: 0; height: auto; line-height: 3em; padding: 0 20px; color: #F1F4F6; font-size: 40px; z-index: 10; opacity: 1; } .banner-navigation .prev { position: relative; order: 1; top: 0; right: 0; display: inline-block; background: rgba(0,0,0,0.65); margin-top: 0; height: auto; line-height: 3em; padding: 0 20px; color: #F1F4F6; font-size: 40px; z-index: 10; opacity: 1; } .banner-home-wrapper { background: transparent; } #banner-carousel .carousel-flx { padding: 0px 20px; min-height: 0; } #banner-carousel .carousel-flx .banner-title h2 { font-size: 23px; } #banner-carousel .carousel-flx .content-wrapper { margin: 70px 0 60px; width: auto; } #banner-carousel .carousel-flx .with-logo { padding: 0 0 40px 0; max-width: 200px; } #banner-carousel .carousel-flx .banner-desc p { font-size: 15px; } #banner-carousel .carousel-flx .banner-link a { padding: 0.75em 1em; border-radius: 0 0 0 0; line-height:1em; font-size:15px; } .flex-block-columns { display:block; } .flex-block-columns .left-column { width: auto; padding: 0 00px 40px 0; } .flex-block-columns .right-column { width: auto; padding: 0 0px 0 0; } .albums-list-flex { margin: 0; } .albums-list-flex .albums-list-item { margin: 0; width: 25%; padding: 0 1.5%; } .albums-list-flex .albums-list-item > a.button { height: 250px; border-radius: 0 75px 0 75px; } .full-block.content-block.dark-blue .content-block-inner-text.include-margin, .full-block.content-block .content-block-inner-text.include-margin { padding-left: 0%; } .competitions-links { padding:0 20px; } .competitions-links-flex-row { margin: 0; } .competitions-links-flex-row .it { width: 50%; padding: 0 15px 75px; } .latest-article-one .lao-image { width: 100%; padding: 0 0px 30px 0; text-align: left; } .latest-article-one .lao-content { width: 100%; padding: 0; } .lao-excerpt p { font-size: 16px; line-height: 1.5em; } .lao-content h3 { font-size: calc(20px + 3vw); } .lao-categories a { margin:6px; } .nmla-flex { margin: 0; } .nmla-flex .list-article-one { padding: 0 0px 45px;width:100%; } .nmla-flex .lao-categories { margin-bottom: 20px; } .nmo-flex .item { padding: 0 20px; margin-bottom: 50px; width: 100%; } .article-content .top-meta .cats a { margin:4px; } .article-content .top-meta .flx { display: block; } .article-content .top-meta .share { margin:0; } .article-content .top-meta .cats { margin: 0 -6px 15px -6px; } .article-content .bottom-meta { margin-top: 50px; } .article-content .bottom-meta .share { order: 2; } .article-content .bottom-meta .share .ssba-share-text { padding: 0 20px; width: 100%; margin: 0 0 15px; } .article-content .bottom-meta .article-nav { order: 1; margin:0 0 20px 0 } .blog-page-pagination { display: flex; padding: 0px 0 0px 0; flex: 1 auto; position: relative; flex-wrap: wrap; margin: 30px 0;position: relative; } .blog-page-pagination > a.prev { top: 0; margin-top: 0; width: 100%; font-size: 16px; text-align: center; left: 0; margin:0 0 15px; position: relative; } .blog-page-pagination > a.next { top: 0; margin-top: 15px; width: 100%; font-size: 16px; right: 0; text-align: center;position: relative; } .blog-page-pagination .pages-list { position: relative; max-width: 100%; left: 0; margin: 0 auto; text-align: center; } .team-member-flex { } .team-member-flex .team-member-sidebar { width: 100%; padding: 0; } .team-member-flex .team-member-sidebar .interests p { margin-bottom:1em; } div.wp-caption { width: auto !important; } .team-member-flex .team-member-content { width: 100%; } .apply-now-form .col { width: 100%; max-width: 1000px; } .apply-now-form .col:first-of-type { padding-right: 0; width: 100%; max-width: 1000px; } .apply-now-form .col:last-of-type { margin-top: 20px; padding-left: 0px; width: 100%; max-width: 1000px; } .ticket-content > span { display:block; line-height: 1.33em; } .ticket-content a { margin: 20px 0 0 0px; } .se-title h1 { padding:0 5% 1rem 0; font-size:28px; } } @media only screen and (max-width : 768px) { .menu-wrapper { padding: 15px 0 15px; } .header-logo { display: block; width: 50px; } .footer-columns { display: flex; padding: 50px 0; flex-wrap: wrap; } .footer-widget-column.fwc-1 { width:100%; text-align:center; margin-bottom: 20px; } .footer-widget-column.fwc-2 { width: 100%; text-align: center; margin-bottom: 20px; } .footer-widget-column.fwc-2 a { display:inline-block; margin:0 auto; } .footer-widget-column.fwc-2 a img { max-height: 80px; max-width: 100%; width: auto; height: auto; margin: 25px 0; } .footer-widget-column.fwc-3 { width: 100%; text-align: center; } .footer-widget-column.fwc-3 .footer-widget { width: 100%; text-align: center; } .footer-terms-column { display: flex; flex: 1; justify-content: space-between; flex-wrap: wrap; text-align: center; align-items: flex-end; } .footer-terms-column .footer-author { width:100%; order:2; margin:25px auto 0; } .footer-terms-column .footer-terms-menu { width:100%; order:1; } .footer-widget-column.fwc-1 ul.social { padding: 0; margin: 0 auto; display: inline-block; } .footer-widget-column.fwc-1 ul.social li { float: none; margin: 0 10px; display: inline-block; } .full-block .full-block-flex-row { position: relative; display: flex; flex-direction: column; flex: 1; flex-wrap: wrap; align-items: center; } .full-block-left { flex: 1; width: 60%; order: 2; max-width: 180px; padding: 5% 0 0 0; position: relative; } .full-block-right { flex: 1; width: 100%; order: 1; padding: 0 0 0 0%; } .full-block.right-align-image .full-block-flex-row { } .full-block.right-align-image.rounded-corner img { border-radius:0; } .full-block.right-align-image .full-block-flex-row .full-block-image { width: auto; padding: 0; order:1; max-width: 600px; } .full-block.right-align-image .full-block-flex-row .full-block-content { width: auto; padding-right: 0;order:2; padding:40px 0 0 0; max-width: 600px; } .full-block.left-align-image .full-block-flex-row { } .full-block.left-align-image.rounded-corner img { border-radius:0; } .full-block.left-align-image .full-block-flex-row .full-block-image { width: auto; padding: 0; order:1; max-width: 600px; } .full-block.left-align-image .full-block-flex-row .full-block-content { width: auto; padding-right: 0; order:2; padding:40px 0 0 0; max-width: 600px; } .testimonial-wrapper .testimonial { padding: 4px 20px 40px; } .full-block.content-image-block.watch-video .image-wrapper .watch-video-wrapper { margin: 20px auto; position: relative; bottom: auto; left: auto; right: 0; top: 0; text-align: center; } .popup-video img { max-width:100px; } .item-title { font-size: calc(10px + 2vw); line-height: 1.33em; color: #1D3C5A; padding: 12px 0 12px 20px; } .item-title .more-link { position: relative; top: 0; text-align: left; margin-top: 10px; display: block; width: 100%; } .advanced-filter-i { flex-wrap: wrap; } .advanced-filter-i .single-af select { text-align:left; } .team-list-flex .each-team-member-item { width: 50%; padding: 0 20px 50px; } .event-meta-flx { margin:0 auto; } .event-meta-flx { margin:0 auto; } .event-meta-flx .event-meta-details { width: 100%; padding: 0 0px; margin-bottom: 25px; } .event-meta-flx .event-meta-location { width: 100%; padding: 0 0px; margin-bottom: 25px; } .numbers-flex-row .itemno { width: 100%; padding: 20px 00px 20px; } .block-faqs-list-w { padding: 40px 15px 80px; } } @media only screen and (max-width : 668px) { .albums-list-flex .albums-list-item { margin: 0; width: 100%; padding: 0 1.5%; max-width: 250px; } .signup-form .email-col { width: 100%; padding: 0; display: inline-block; margin: 0; } .signup-form .submit-col { width: auto; padding: 30px 0 0 0; margin: 0; } .apply-now-form .flx { flex-direction: column; } .apply-now-form .form-row.form-2col-row { display: block; } .apply-now-form .form-row.form-2col-row .col { width: 100%; } .apply-now-form .form-row.form-2col-row .col:last-of-type { margin:20px 0 0 0; } } @media only screen and (max-width: 568px) { .albums-list-flex .albums-list-item > a.button { height: 250px; border-radius: 0 75px 0 75px; } .intro-image { flex: 1; width: 60%; order: 2; max-width: 180px; padding: 5% 0 0 0; position: relative; } .intro-content { flex: 1; width: 100%; order: 1; padding: 0 0 0 0%; } .intro-flex-row { flex-direction: column; } .competitions-links-flex-row .it { width: 100%; text-align: center; padding: 0 15px 75px; } .competitions-links-flex-row .image img { display: block; margin: 0 auto; } .competitions-links-flex-row p { padding: 0 0 0.75em 0; } .competitions-links-flex-row h4 { margin: 30px 0px 10px 0; font-size: 34px; } .testimonial-wrapper .content p { font-size: calc(10px + 2vw); line-height: 1.33em; } .phew-links .link { margin-top:0; } .competitions-links-flex-row .it .content-flx .image { width: 100%; padding: 0 0 0 0; order:1; } .competitions-links-flex-row .it .content-flx .content { width: 100%; order: 2; padding: 0 10px 0 20px; } } @media only screen and (max-width: 480px) { .team-list-flex { margin: 0 -20px; justify-content: center; } .team-list-flex .each-team-member-item { width: 100%; padding: 0 20px 40px; max-width: 320px; } .full-block.content-block { padding: 40px 15px !important; } .full-block.content-image-block { padding: 40px 0px !important; } .full-block.content-block.add-borders .phew-links .button a { position: relative;display: block; padding: 0.9em 0.25em; font-size: 12px; } .full-block.content-block.add-borders .phew-links .link a {position: relative;display: block; padding: 0.9em 0.25em; font-size: 12px; } .filter-events .events-filter { margin: 0 0px -1px; } } @media only screen and (max-width: 360px) { } @media only screen and (max-width: 340px) { }