/* ==============================
i. COLORS
============================== */
.red {color: #f05064!important;/*RGB: 240,78,99*/}
.green {color: #46beb2!important;}
.orange {color: #ff8357!important;/*RGB: 255,131,87*/}
.violet {color:#c37ffe!important; /*RGB: 195,127,254*/}
.lavender {color: #7851a9 !important;} /*rgb(120,81,169)*/
.blue {color: #6bafde!important; /*RGB: 107,175,222*/}
.grey {color:#5a5a5a!important; /*RGB: 90,90,90*/}
.mediumgrey {color:#828282!important; /*rgb(130,130,130*/}
.uniformgrey {color:#a8a8a8!important; /*rgb(168,168,168*/}
.platinum {color: #e6e7e8!important; /*RGB: rgb(230,231,232)*/}
.sandybeach {color: #fde1b1!important;} /*rgb(253,225,177)*/
.bg-red {background-color: rgba(240,78,99,1)!important;}
.bg-red.light {background-color: rgba(240,78,99,0.5)!important;}
.bg-green {background-color: #46beb2!important;}
.bg-orange {background-color: #ff8357!important;}
.bg-orange.light {background-color: rgba(255,131,87,0.5)!important;}
.bg-violet {background-color:#c37ffe!important; /*RGB: 195,127,254*/}
.bg-lavender {background-color:#7851a9!important; /*rgb(120,81,169)*/}
.bg-blue {background-color: #6bafde!important; /*RGB: 107,175,222*/}
.bg-grey {background-color:#5a5a5a!important; /*RGB: 90,90,90*/}
.bg-grey.light {background-color:rgba(90,90,90,0.5)!important;}
.bg-platinum {background-color: rgb(230,231,232)}
.bg-sandybeach {background-color: rgba(253,225,177,1)!important;}
.bg-red p, .bg-red ul li, .bg-red ol li, .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6,
.bg-grey p, .bg-grey ul li, .bg-grey ol li, .bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey h4, .bg-grey h5, .bg-grey h6, .bg-grey figcaption {
color: #fff!important;
border-color: #fff!important;
}
.bg-grey blockquote {
background: #efefef;
}
.bg-grey blockquote,
.bg-grey blockquote::before,
.bg-grey blockquote::after,
.bg-grey blockquote cite,
.bg-grey blockquote cite:before {
color: #5a5a5a!important;
}
.box blockquote {
margin-left: 0!important;
}
/* ==============================
ii. FONTS
==============================
LIGHT
font-family: poppins, sans-serif;
font-weight: 300;
font-style: normal;
LIGHT ITALIC
font-family: poppins, sans-serif;
font-weight: 300;
font-style: italic;
REGULAR
font-family: poppins, sans-serif;
font-weight: 400;
font-style: normal;
ITALIC
font-family: poppins, sans-serif;
font-weight: 400;
font-style: italic;
MEDIUM
font-family: poppins, sans-serif;
font-weight: 500;
font-style: normal;
MEDIUM ITALIC
font-family: poppins, sans-serif;
font-weight: 500;
font-style: italic;
SEMIBOLD
font-family: poppins, sans-serif;
font-weight: 600;
font-style: normal;
SEMIBOLD ITALIC
font-family: poppins, sans-serif;
font-weight: 600;
font-style: italic;
BOLD
font-family: poppins, sans-serif;
font-weight: 700;
font-style: normal;
BOLD ITALIC
font-family: poppins, sans-serif;
font-weight: 700;
font-style: italic;
*/
/* ==============================
PADDING AND MARGIN
============================== */
.float-left {
float: left;
}
.float-right {
float: right;
}
div.float-left,
div.float-right {
width: 48%;
}
figure.float-left {
width: 34%;
margin-right: 34px;
}
figure.float-right {
width: 34%;
margin-left: 34px;
}
.text-left {
text-align: left!important;
}
.text-right {
text-align: right!important;
}
.mw-640 {
max-width: 640px!important;
}
.b-0 {
border: none!important;
}
.bb-0 {
border-bottom: none!important;
}
.w-25 {
width: 25%!important;
}
.w-30 {
width: 30%!important;
}
.w-34 {
width: 34%!important;
}
.w-40 {
width: 40%!important;
}
.w-48 {
width: 48%!important;
}
.w-50 {
width: 50%!important;
}
.w-60 {
width: 60%!important;
}
.w-67 {
width: 67%!important;
}
.w-80 {
width: 80%!important;
}
.w-100 {
width: 100%!important;
}
.w-144 {
width: 144px!important;
}
.w-233 {
width: 233px!important;
}
.p-0 {
padding: 0!important;
}
.p-30 {
padding: 30px!important;
}
.p-100 {
padding: 100px!important;
}
.m-0 {
margin: 0!important;
}
.mt-0 {
margin-top: 0!important;
}
.mb-0 {
margin-bottom: 0!important;
}
.ml-auto {
margin-left: auto!important;
}
.ml-0 {
margin-left: 0!important;
}
.mr-auto {
margin-right: auto!important;
}
.mr-0 {
margin-right: 0!important;
}
.mr-20 {
margin-right: 20px!important;
}
.mr-21 {
margin-right: 21px!important;
}
.mr-34 {
margin-right: 34px!important;
}
.pt-0 {
padding-top: 0!important;
}
.pt-0 {
padding-top: 0!important;
}
.pb-0 {
padding-bottom: 0!important;
}
.pl-0 {
padding-left: 0!important;
}
.pr-0 {
padding-right: 0!important;
}
.pl-13 {
padding-left: 13px!important;
}
.pb-20 {
padding-bottom: 20px!important;
}
.pb-30 {
padding-bottom: 30px!important;
}
.pb-40 {
padding-bottom: 40px!important;
}
.pt-50 {
padding-top: 50px!important;
}
.pb-50 {
padding-bottom: 50px!important;
}
.pl-50 {
padding-left: 50px!important;
}
.pb-80 {
padding-bottom: 80px!important;
}
.pt-80 {
padding-top: 80px!important;
}
.pt-100 {
padding-top: 100px!important;
}
.pl-30 {
padding-left: 30px!important;
}
.pr-30 {
padding-right: 30px!important;
}
.mt-5 {
margin-top: 5px!important;
}
.mb-5 {
margin-bottom: 5px!important;
}
.mt-10 {
margin-top: 10px!important;
}
.mb-10 {
margin-bottom: 10px!important;
}
.mt-15 {
margin-top: 15px!important;
}
.mb-15 {
margin-bottom: 15px!important;
}
.mt-20 {
margin-top: 20px!important;
}
.mb-20 {
margin-bottom: 20px!important;
}
.mt-30 {
margin-top: 30px!important;
}
.mb-30,
.modulemb-30 {
margin-bottom: 30px!important;
}
.mt-40 {
margin-top: 40px!important;
}
.mb-40 {
margin-bottom: 40px!important;
}
.mb-50 {
margin-bottom: 50px!important;
}
.mt-50,
.modulemt-50 {
margin-top: 50px!important;
}
.mt-60 {
margin-top: 60px!important;
}
.mb-60 {
margin-bottom: 60px!important;
}
.mb-70,
.modulemb-70 {
margin-bottom: 70px!important;
}
.mt-80,
.modulemt-80 {
margin-top: 80px!important;
}
.mb-80 {
margin-bottom: 80px!important;
}
.mt-89 {
margin-top: 89px!important;
}
.mb-89 {
margin-bottom: 89px!important;
}
.mt-100 {
margin-top: 100px!important;
}
.mt-144 {
margin-top: 144px!important;
}
.mb-100 {
margin-bottom: 100px!important;
}
.ml-30 {
margin-left: 30px!important;
}
.br-21 {
border-radius: 21px!important;
}
/* ==============================
BASIC RULES
============================== */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
margin:0; padding:0; min-height:100%; font:normal 16px/21px poppins, sans-serif; color:#000;
-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;
background: url('https://www.creaworld.site/media/images/backgrounds/seamless.png');
background-size: contain;
}
html,
body {
max-width: 100%;
overflow-x: hidden;
animation-name: fade-in;
animation-duration: 0.6s;
}
body.innerpage { margin:0; padding:5px; min-height:auto; overflow-x:hidden; background:#fff }
@keyframes fade-in {
0% {opacity: 0}
50% {opacity: 0}
100% {opacity: 1}
}
a, a:focus, a:hover,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color : #2979b2;
text-decoration : none;
outline : none;
border : none;
font-weight : 600;
transition : color 0.3s ease-in-out;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
font-weight: 700;
}
a:hover,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover,
h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
color : #46beb2;
}
h6 a,
h6 a:hover,
h6 a:focus {
text-decoration: underline;
}
img {
border:none;
max-width:100%;
height:auto;
}
h1 {
margin:0 0 20px 0;
padding:0;
font:normal 33px/40px poppins, sans-serif;
font-weight: 700;
color:#000;
letter-spacing:0;
}
body.innerpage div.elx_category_page,
body.innerpage div.elx_article_page {
padding: 0 8px;;
}
/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #f05064 #e6e7e8;
}
/* Chrome, Edge, and Safari */
::-webkit-scrollbar {
width: 13px;
}
::-webkit-scrollbar-track {
background: #e6e7e8;
}
::-webkit-scrollbar-thumb {
background-color: #f05064;
border-radius: 10px;
border: 3px solid #ff0000;
}
div#elx_category_page_7 div.modulesearchresources,
div#elx_category_page_7 div.moduleFilterResources {
width: 64%;
}
/*div#elx_category_page_1 div.elx5_category_summary,
div#elx_category_page_3 div.elx5_category_summary /*programs*/
/*div#elx_category_page_4 div.elx5_category_summary /*advocacy*/
/*div#elx_category_page_5 div.elx5_category_summary /*institutes*/
/*div#elx_category_page_42 div.elx5_category_summary /*feminist leadership*/
/*div#elx_category_page_43 div.elx5_category_summary /*gender-based violence*/
/*div#elx_category_page_44 div.elx5_category_summary /*fostering collective resistance*/
/*div#elx_category_page_45 div.elx5_category_summary /*sexual and reproductive rights*/
/*div#elx_category_page_19 div.elx5_category_summary /*initiatives*/
/*div#elx_category_page_7 div.elx5_category_summary,
/*div#elx_category_page_27 div.elx5_category_summary /*OUR TEAM*/
/*div#elx_category_page_37 div.elx5_category_summary /*OUR BOARD*/
/*div#elx_category_page_39 div.elx5_category_summary /*emerging leaders*/
/*div#elx_category_page_40 div.elx5_category_summary,
div#elx_category_page_36 div.elx5_category_summary,
div#elx_category_page_38 div.elx5_category_summary,*/
div.elx5_category_summary {
width: 100%;
}
figure.elx5_category_figure {
float: right;
width: 34%;
margin: 0 0 55px 34px;
}
figure.elx5_category_figure img {
border-radius: 21px;
border: none;
margin: 0;
padding: 0;
}
div#elx_category_page_2 figure.elx5_category_figure /*events*/,
div#elx_category_page_3 figure.elx5_category_figure /*programs*/,
div#elx_category_page_4 figure.elx5_category_figure /*advocacy*/,
div#elx_category_page_8 figure.elx5_category_figure /*campaigns*/,
div#elx_category_page_22 figure.elx5_category_figure /*podcasts*/,
div#elx_category_page_27 figure.elx5_category_figure,
div#elx_category_page_41 figure.elx5_category_figure /*past work*/,
div#elx_category_page_47 figure.elx5_category_figure,
div#elx_category_page_48 figure.elx5_category_figure,
div#elx_category_page_33 figure.elx5_category_figure {
display: none;
}
div#elx_category_page_52 figure.elx5_category_figure /*CONFERENCES*/,
div#elx_category_page_53 figure.elx5_category_figure /*RENEW CONFERENCE*/,
div#elx_category_page_54 figure.elx5_category_figure /*CONVENINGS*/ {
float: none;
width: 100%;
margin: 0;
}
div#elx_category_page_52 figure.elx5_category_figure img,
div#elx_category_page_53 figure.elx5_category_figure img,
div#elx_category_page_54 figure.elx5_category_figure img /*CONVENINGS*/ {
width: 100%;
border-top-left-radius: 76px;
border-bottom-right-radius: 76px;
border: 5px solid #f05064;
padding: 0;
margin-top: 0;
margin-bottom: 44px;
border-top-right-radius: 0;
border-bottom-left-radius: 0;
}
div#elx_category_page_53 figure.elx5_category_figure img {
border: 0;
}
.wa-mediabox-overlay {
z-index: 9999!important;
}
div.elx5_category_summary,
div.elx_article_page,
fieldset.elx5_fieldset,
div.modulesearchresources,
div.moduleFilterResources,
div.smap_iblock:not(#smap_iblock_core),
div.elx_tags_page {
margin-bottom: 55px;
background-color: rgba(255,255,255,0.86);
padding: 34px;
border-radius: 34px;
}
fieldset.elx5_fieldset {
border: 3px solid #5a5a5a;
}
div.elx_article_page {
padding: 200px 55px 34px;
}
div.elx5_category_summary {
padding: 55px;
}
div#elx_category_page_7 div.elx5_category_summary,
div.modulesearchresources,
div.moduleFilterResources {
margin-bottom: 0;
border-radius: 0;
padding-bottom: 0;
}
div.modulesearchresources,
div.moduleFilterResources {
padding-top: 0;
margin-top: 0;
text-align: center;
}
div.elx_category_page,
div.elx_engines_box,
div.elx_tags_page,
div.smap_wrap {
padding-top: 200px;
}
div.elx5_category_summary p,
div.elx5_category_summary ul li,
div.elx5_category_summary ol li {
font-size: 20px;
line-height: 1.9;
}
div.elx5_category_summary ol,
div.elx_article_page ol,
div.elx5_category_summary ul li,
div.elx_article_page ul li {
list-style: none;
}
div.elx_article_page ul:not(.flex):not(.dir_ul) {
margin-left: 1em;
}
div.elx_article_page ul:not(.flex):not(.dir_ul) li::before {
content: "•";
color: #f05064;
display: inline-block;
width: 1em;
margin-left: -1em;
}
div.elx5_category_summary ol,
div.elx_article_page ol {
counter-reset: my-awesome-counter;
}
div.elx5_category_summary ol li,
div.elx_article_page ol li,
ul.flex li {
margin-bottom: 1em;
counter-increment: my-awesome-counter;
position: relative;
display:flex;
align-items:center;
font-size: 20px;
}
div.elx5_category_summary ol li::before,
div.elx_article_page ol li::before,
ul.flex li::before {
content: counter(my-awesome-counter);
-webkit-font-smoothing: antialiased;
color: #fff;
font-size: 20px;
line-height: 30px;
width: 30px;
height: 30px;
font-weight: bold;
background: #f05064;
border-radius: 50%;
text-align: center;
padding: 2px 0 0 0;
vertical-align: middle;
margin-right: 15px;
flex: 0 0 30px;
}
ul.flex.text-white li::before {
background: #fff;
}
ul.flex li::before {
content: "";
width: 18px;
height: 18px;
flex: 0 0 18px;
line-height: 18px;
position: relative;
top: -1px;
}
div.elx5_category_summary ul:not(.elx_subcategories):not(.elx5_pagination) li::marker,
div.elx_article_page ul li::marker {
color: #f05064;
font-size: 34px;
}
div.elx5_category_summary ol li strong,
div.elx_article_page ol li strong,
ul.flex li strong {
flex: 0 0 25%;
margin-right: 34px;
}
div.elx5_category_summary p strong {
color: #f05064;
}
.elx5_category_header,
.elx5_article_header {
margin: 0;
}
.elx5_article_header {
text-align: center;
}
.elx5_article_header h1,
.elx5_category_header h1,
.elx_tags_page > h2,
h1.smap_h1 {
margin : 0 0 34px;
padding: 0;
position: relative;
z-index: 2;
color: #f05064;
font-size: 55px;
text-align: center;
line-height: 1.3;
text-transform: lowercase;
}
.elx_tags_page > h2 {
flex-basis: 100%;
}
div#elx_category_page_37 h1 {
padding-bottom: 0;
}
h1.smap_h1 {
margin-top: 210px;
text-transform: lowercase;
}
body.innerpage .elx5_article_header h1,
body.innerpage .elx5_category_header h1 {
font-size: 34px;
padding-top: 0;
}
h2 { margin:10px 0; padding:0; font:normal 30px/38px poppins, sans-serif; font-weight: 700; color:#f05064; }
h3 { margin:15px 0 13px; padding:0; font:normal 26px/44px poppins, sans-serif; font-weight: 700; color:#000; }
h4 { margin:0 0 20px 0; padding:0; font:normal 24px/32px poppins, sans-serif; font-weight: 700; color:#000; border-bottom: 2px solid black; }
h5 { margin:15px 0; padding:0; font:normal 22px/30px poppins, sans-serif; font-weight: 700; color:#000; }
h5#resourceType {margin-top: 0;}
h6 { margin:15px 0 0; padding:0; font:normal 22px/30px poppins, sans-serif; font-weight: 700; color:#f05064; }
p,
div.elx_article_page p,
div.elx_article_page span,
a.ios_dl_ttl,
a.ios_dl_ttl:link,
a.ios_dl_ttl:visited,
.ios_dl_notes,
.elx_engines_box,
.elx_engines_box span,
.elx_engines_box a,
.elx_search_summary,
fieldset.elx5_fieldset legend,
.elx5_warning, .elx_warning,
.elx5_artbox p.elx5_content_subtitle,
label.elx5_label,
label.elx5_labelsmall,
input.elx5_text, input[type="text"].elx5_text, input[type="number"].elx5_text, input[type="file"].elx5_text, input[type="date"].elx5_text, input[type="range"].elx5_text, input[type="password"].elx5_text, input[type="email"].elx5_text,
select.elx5_select,
button.elx5_btn, button[type=submit].elx5_btn, button[type=button].elx5_btn,
.elx5_dsspace, .elx_bsspace,
div.elx_tags_page p,
div.elx5_dateauthor,
ul li,
ol li {
font-family: poppins, sans-serif;
font-size: 20px;
color: #000;
line-height: 1.55;
margin-bottom: 13px;
}
div.elx_article_page div.box p:last-of-type {
margin-bottom: 0;
}
a.ios_dl_ttl,
a.ios_dl_ttl:link,
a.ios_dl_ttl:visited,
a.ios_dl_ttl:active,
a.ios_dl_ttl:hover,
div.elx5_dateauthor {
font-weight: 500;
}
div#elx_category_page_30 /*PUBLICATIONS*/ div.elx5_dateauthor,
div#elx_category_page_28 /*TOOLKITS AND MANUALS*/ div.elx5_dateauthor,
div#elx_category_page_18 /*VIDEOS*/ div.elx5_dateauthor {
font-weight: normal;
text-align: center;
font-size: 16px;
}
fieldset.elx5_fieldset legend {
background: #f05064;
margin: 0 0 23px 0;
font: normal 18px/28px poppins, sans-serif;
color: #000;
}
div.elx_tags_page p {
margin-bottom: 34px;
text-align: center;
flex-basis: 100%;
}
.ios_dl_notes {
color: #5a5a5a;
font-size: 16px;
}
a.ios_dl_ttl,
a.ios_dl_ttl:link,
a.ios_dl_ttl:visited,
a.ios_dl_ttl:active,
a.ios_dl_ttl:hover,
.ios_dl_notes {
margin-bottom: 0;
}
a.ios_dl_ttl:active,
a.ios_dl_ttl:hover {
color: #f05064;
}
.ios_dl_wrap {
border-radius: 34px;
}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
table { border-collapse: collapse; border-spacing: 0; }
ul, ol {
margin:15px 0 20px;
padding:0;
text-indent:0;
list-style:disc;
list-style-position:inside;
}
ol { list-style: decimal; }
div.box {
border-radius: 21px 0 21px 0;
padding: 34px;
margin-bottom: 34px;
overflow: hidden;
}
.two-thirds {
width: 67%;
margin:44px auto;
}
.video-container, .mediaWrapper, .elx_ytvideo {
height: 0;
margin: 34px 5%;
position: relative;
width: 90%;
}
div.leanback-player-video {
width : calc(100% - 454px)!important;
margin: 34px 227px;
aspect-ratio : 16/9;
height: auto!important;
overflow: hidden;
}
.pull-left div.leanback-player-video,
.pull-right div.leanback-player-video {
width: 100%!important;
margin: 0;
}
.h5_lb_player .big_play_button {
border: none;
border-radius: 50%;
background: #6bafde;
}
.h5_lb_player .big_play_button:hover {
background: #46beb2;
}
.video-container embed,
.video-container iframe,
.video-container object,
.mediaWrapper embed,
.mediaWrapper iframe,
.mediaWrapper object,
.elx_ytvideo iframe,
div.leanback-player-video video {
height: 100%!important;
left: 0;
position: absolute;
top: 0;
width: 100%!important;
}
div.leanback-player-video video {
height: auto!important;
}
.h5_lb_player img.poster {
width: 100%!important;
height: auto!important;
}
/* ==============================
OVERWRITE STANDARD.CSS
============================== */
div#elx_addsearchengine,
nav.tpl5_pathway ul li:last-of-type,
div.elx_back,
div.modulesearchresources > h3,
div.elx_tags_page div.elx5_dateauthor,
div.elx_tags_page div.elx5_artbox_inner p,
fieldset.elx5_fieldset legend,
.elx_menu ul[data-level="3"],
div#colorbox div.tpl5_header_top_wrap,
h2.smap_h2,
.d-none {
display: none!important;
}
div.gridzero {
margin-bottom: -10px;
}
h3.elx_subcategories_title {
margin: 55px 0 13px;
font-size: 22px;
text-align: center;
}
ul.elx_subcategories {
text-align: center;
margin-bottom: 34px;
}
select.elx5_select {
height: auto;
}
.elx5_warning,
.elx_warning,
.crea-alert,
.elx5_info,
.elx_info,
.crea-info {
border: none;
background: #ff8357;
border-radius: 34px;
color: #fff!important;
padding: 10px 10px 10px 21px;
font-weight: bold;
}
.elx5_info, .elx_info,
.crea-info {
background: #6bafde;
}
.crea-info:before {
content: "\f05a \00a0";
font-family: "Font Awesome 6 Free";
font-weight: bold;
}
.elx5_warning a,
.elx_warning a,
.crea-alert a,
.elx5_info a,
.elx_info a,
.crea-info a {
color: #fff!important;
text-decoration: underline;
}
.elx5_vspace /*pagination*/ {
text-align: center;
}
div.modulecategorymap {
float: left;
width: 34%;
position: relative;
z-index: 2;
margin-top: 89px;
}
ul.elx_subcategories li {
display: inline-block;
margin-right: 21px;
}
ul.elx5_pagination,
ul.elx5_pagination > li,
ul.elx5_pagination > li > a {
font:normal 16px/21px poppins, sans-serif;
border: none;
}
ul.elx5_pagination > li > a,
ul.elx5_pagination > .elx5_pagdisabled > a,
ul.elx5_pagination > .elx5_pagdisabled > a:hover,
ul.elx5_pagination > .elx5_pagdisabled > a:focus {
background-color: #fa9eaa;
border-color: #fa9eaa;
}
ul.elx5_pagination > .elx5_pagactive > a,
ul.elx5_pagination > .elx5_pagactive > a:hover,
ul.elx5_pagination > .elx5_pagactive > a:focus,
ul.elx5_pagination > li > a:hover,
ul.elx5_pagination > li > a:focus {
background-color: #f05064;
border-color: #f05064;
}
ul.elx5_pagination > .elx5_pagdisabled > a,
ul.elx5_pagination > .elx5_pagdisabled > a:hover,
ul.elx5_pagination > .elx5_pagdisabled > a:focus,
ul.elx5_pagination > li > a:hover,
ul.elx5_pagination > li > a:focus,
ul.elx5_pagination > li > a {
padding: 9px 13px 6px;
border-radius: 50%;
margin: 0 3px!important;
color: #fff;
font-weight: 600;
}
ul.elx5_pagination > li:first-child > a,
ul.elx5_pagination > li:first-child > a:hover,
ul.elx5_pagination > li:first-child > a:focus {
border-top-left-radius: 50%;
border-bottom-left-radius: 50%;
font-size: 20px;
}
ul.elx5_pagination > li:last-child > a,
ul.elx5_pagination > li:last-child > a:hover,
ul.elx5_pagination > li:last-child > a:focus {
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
font-size: 20px;
}
.elx_ytvideo,
div.mediaWrapper /*youtube playlists*/ {
width: 100%;
margin: 21px auto 21px;
clear: both;
}
div.dir_listtop_main div.mediaWrapper {
clear: none;
}
div.mediaWrapper {
position: relative;
padding-bottom: 56.25%;
padding-top: 25px;
height: 0;
}
div.mediaWrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
}
div.elx_article_page audio {
margin: 34px auto;
display: block;
}
.tpl5_pathwrap .tpl5_container2 {
max-width: none;
}
.kyl_box {
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
border: none;
width: 233px;
height: auto;
}
.kyl_box:hover {
border: none;
background: rgba(107,175,222,0.3)
}
.kyl_img {
width: 100%;
height: auto;
}
.kyl_img img {
max-height: none;
max-width: none;
height: auto;
width: 100%;
}
.owl-theme .owl-controls .owl-page span {
width: 13px;
height: 13px;
background: #f05064;
}
.elx5_content_icons a, .elx5_content_icons a:visited, .elx5_content_icons a:hover {
background-color: #f05064;
border-radius: 50%;
padding: 6px;
width: 34px;
height: 34px;
}
.elx5_content_icons a:hover {
background-color: #6bafde;
}
.elx5_content_icons {
width: auto;
}
button.elx5_sucbtn, button[type=submit].elx5_sucbtn, button[type=button].elx5_sucbtn, a.elx5_sucbtn, a.elx5_sucbtn:visited {
background: #46beb2;
border: none;
}
.breakout,
.moduleBreakout {
width: 100vw;
margin-left: 50%;
transform: translate3d(-50%, 0, 0);
}
/*div.elx5_article_header,
.elx_tags_page > h2 {
margin-bottom: 55px;
position: absolute;
top: 0;
left: 0;
width: 100%;
padding-top: 360px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-blend-mode: lighten;
background-color: rgba(240, 78, 99, 0.7);
}
div.elx5_article_header::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(240, 78, 99, 0.7);
}
*/
.text-white {
color: #fff!important;
}
.slidercontainer {
margin-top: 34px;
}
.acc_slidertrigger {
position: relative;
background: none;
background-color: #fde1b1;
margin-bottom: 34px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
transition: margin 0.3s ease-in-out;
border-radius: 34px;
}
/*.acc_slidertrigger.slideractive {
margin-bottom: 0;
}*/
.acc_slidertrigger h5 {
font-size: 18px;
padding-right: 40px;
color: #000;
position: relative;
cursor: pointer;
line-height: 30px;
font-weight: 700;
padding: 18px 30px;
transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
}
.acc_slidertrigger.slideractive h5,
.acc_slidertrigger h5:hover {
color: #f05064;
}
.acc_slidertrigger h5:after {
content: "";
padding: 15px 14px 15px 16px;
border-radius: 50%;
background-color: #5a5a5a;
background-image: url(https://www.creaworld.site/media/images/icons/arrow_down.svg);
background-position: 50% 50%;
background-size: auto 10px;
background-repeat: no-repeat;
color: rgba(0, 0, 0, 0.6);
cursor: pointer;
float: right;
transition-duration: 0.5s;
position: absolute;
top: 50%;
right: 21px;
transform: translateY(-50%);
}
.acc_slidertrigger.slideractive h5:after {
transform: translate(0, -50%) rotate(180deg);
background-color: #f05064;
}
.acc_slidercontainer {
margin: 0 0 34px;
border: none;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.10);
border-radius: 34px;
}
.acc_slidercontainer .sliderblock {
background-color: #e6e7e8;
color: #5a5a5a;
padding: 34px 55px;
}
.acc_slidercontainer .sliderblock p {
line-height: 1.7;
}
.elx5_3colbox {
flex: 0 0 30%;
width: 30%;
}
.elx5_4colbox,
.contentsup {
flex: 0 0 22%;
width: 22%;
}
.contentsup.col3_contentsup1,
.contentsup.col3_contentsup2,
.contentsup.col3_contentsup3 {
flex: 0 0 30%;
}
.contentsup.col5_contentsup1,
.contentsup.col5_contentsup2,
.contentsup.col5_contentsup3,
.contentsup.col5_contentsup4,
.contentsup.col5_contentsup5 {
flex: 0 0 18%;
}
div#elx_category_page_1 div.elx5_4colbox:nth-of-type(odd) {
margin-top: 0;
}
div#elx_category_page_1 div.elx5_4colbox:nth-of-type(2n) {
margin-top: 55px;
}
div#elx_category_page_1 div.elx5_4colbox:nth-of-type(4n) {
margin-top: 89px;
}
div#elx_category_page_1 div.elx5_4colbox:nth-of-type(5n) {
margin-top: -89px;
}
div#elx_category_page_1 div.elx5_4colbox:nth-of-type(6n) {
margin-top: -34px;
}
figure.elx5_content_imageboxtl {
width: 233px;
margin-right: 21px;
}
figure.elx5_content_imagebox img {
background: none;
border: none;
}
figure.elx5_content_imagebox.elx5_content_imageboxlr {
/* margin: -13px 0 34px 55px;
position: relative;
z-index: 1;*/
width: 520px;
margin: 6px 0 34px 44px;
}
body.innerpage figure.elx5_content_imagebox.elx5_content_imageboxlr {
width: 34%;
margin: 6px 0 13px 13px;
}
figure.elx5_content_imagebox.elx5_content_imageboxlr.mediabox {
margin-top: 0;
}
figure.elx5_content_imagebox.elx5_content_imageboxlr img {
position: relative;
z-index: 0;
border: none;
min-height: 89px;
margin: 21px 0;
overflow: hidden;
padding: 13px 34px 3px;
}
figure.elx5_content_imagebox.elx5_content_imageboxlt img,
figure.elx5_content_imagebox.elx5_content_imageboxlr img,
figure.elx5_content_imagebox.elx5_content_imageboxll img,
figure.pull-left img,
figure.pull-right img,
img.bordered {
border-top-left-radius: 76px;
border-bottom-right-radius: 76px;
border: 5px solid #f05064;
padding: 0;
margin-top: 0;
margin-bottom: 8px;
}
figure.pull-left {
margin-top: 8px;
margin-right: 34px;
}
figure.pull-right {
margin-top: 8px;
margin-left: 34px;
}
figure.elx5_content_imagebox.elx5_content_imageboxlt a:hover img,
figure.elx5_content_imagebox.elx5_content_imageboxlr a:hover img,
figure.elx5_content_imagebox.elx5_content_imageboxll a:hover img {
border-color: #f05064;
}
/*
figure.elx5_content_imagebox.elx5_content_imageboxlr::before,
figure.elx5_category_figure::before {
display: block;
content: "";
width: 30px;
height: 30px;
position: absolute;
top: 0;
left: 0;
border-top: 4px solid #f05064;
border-left: 4px solid #f05064;
border-top-left-radius: 13px;
}
figure.elx5_content_imagebox.elx5_content_imageboxlr::after,
figure.elx5_category_figure::after {
display: block;
content: "";
width: 30px;
height: 30px;
position: absolute;
bottom: 0;
right: 0;
border-bottom: 4px solid #f05064;
border-right: 4px solid #f05064;
border-bottom-right-radius: 13px;
}
*/
figure.elx5_content_imageboxml /*podcasts*/ {
margin: 0 21px 0 0;
}
figure.elx5_content_imagebox.elx5_content_imageboxml img {
box-shadow:
1px 2px 2px hsl(205deg 64% 65% / 0.4),
2px 4px 4px hsl(205deg 64% 65% / 0.5),
4px 8px 8px hsl(205deg 64% 65% / 0.6),
8px 16px 16px hsl(205deg 64% 65% / 0.4),
16px 32px 32px hsl(205deg 64% 65% / 0.4);
padding: 0;
border-radius: 21px;
}
div.elx_article_page figure.elx5_content_imagebox.elx5_content_imageboxlt {
width: 55%;
margin-left: auto;
margin-right: auto;
}
div.elx_article_page figure.elx5_content_imagebox.elx5_content_imageboxlt.mediabox {
width: 100%;
margin-bottom: 30px;
}
figcaption,
figure.elx5_content_imagebox figcaption,
figure.plugal_item figcaption {
font-family: poppins, sans-serif;
font-weight: 500;
font-size: 15px;
color: #000;
line-height: 1.2;
text-align: left;
margin: 10px;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
display: flex;
}
.title span {
position: relative;
}
.title span img {
position: absolute;
left: 0;
bottom: -2px;
-webkit-animation: shape-animation 3s infinite;
animation: shape-animation 3s infinite;
}
div.modulePrograms > h3:after,
div.moduleCampaigns > h3:after {
content: url("https://www.creaworld.site/media/images/shapes/underline.png");
position:absolute;
left: 34px;
bottom: -26px;
-webkit-animation: shape-animation 3s infinite;
animation: shape-animation 3s infinite;
overflow: hidden;
}
@keyframes shape-animation {
0% {
width: 0;
}
15% {
width: 95%;
}
85% {
opacity: 1;
}
90% {
width: 95%;
opacity: 0;
}
to {
width: 0;
opacity: 0;
}
}
/* ==============================
CARDS
============================== */
div.card-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
div.card {
flex-basis: 48%;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
transition: box-shadow 0.3s cubic-bezier(.25,.8,.25,1);
margin-bottom: 55px;
background: #e6e7e8;
border-radius: 34px;
padding: 1.5em;
}
div.card:hover {
box-shadow: 0 8px 8px rgba(0,0,0,0.25), 0 5px 5px rgba(0,0,0,0.22);
}
/* ==============================
WIDGET
============================== */
.moduleSidebar {
width: 34%;
float: right;
}
ul.ctgmap::before {
content: "In this Section:";
padding: 0;
font: normal 24px / 32px poppins, sans-serif;
font-weight: 700;
color: #000;
display: block;
margin: 0 0 15px 0;
}
.widget.resourceDetails,
ul.ctgmap {
background : #F8F7F4;
border : 1px solid #E3E5DE;
border-radius : 13px;
margin-bottom : 30px;
position : relative;
padding : 34px;
}
ul.ctgmap li a span {
height : 40px;
width : 40px;
line-height : 40px;
border-radius : 50%;
background : #46beb2;
text-align : center;
}
ul.ctgmap li a span {
margin-bottom : 8px;
}
.icon i,
ul.ctgmap li a span::before {
width : 40px;
color : #fff;
line-height : 40px;
font-size : 20px;
}
/* ==============================
END WIDGET
============================== */
/* ==============================
HOMEPAGE
============================== */
.tpl5_slider {
margin:0;
padding:0;
position:relative;
box-sizing: border-box;
height: 90vh;
}
div.glide__track {
height: 100%;
}
ul.glide__slides, ul.glide__slides li { margin: 0; padding: 0; text-indent:0; box-sizing: border-box; }
ul.glide__slides div { margin: 0; padding: 0; box-sizing: border-box; }
li.glide__slide > a { margin: 0; padding: 0; display: block; width: 100%; text-indent: 0; box-sizing: border-box; }
li.glide__slide > a:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
background: #010C3A;
background: -webkit-linear-gradient(to right, #010C3A 0%, rgba(255, 255, 255, 0) 100%);
background: -moz-linear-gradient(to right, #010C3A 0%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(to right, #010C3A 0%, rgba(255, 255, 255, 0) 100%);
}
li.glide__slide > a img { margin: 0; padding: 0; display: block; width: 100%; height:auto; border: 0; box-sizing: border-box; }
.tpl5_captionswrap {
position: absolute;
bottom: 89px;
z-index: 12;
left: 144px;
max-width: 610px;
pointer-events: none;
}
.tpl5_captionswrap .tpl5_caption {
position: relative;
margin:0 0 21px;
font:normal 30px/44px poppins, sans-serif;
font-weight: 500;
color: #fff;
}
.tpl5_captionswrap .tpl5_caption span { display:block; font:normal 20px/26px poppins, sans-serif; color:#CCCCCC; margin-top:5px; }
.tpl5_captionswrap .tpl5_caption a:link,
.tpl5_captionswrap .tpl5_caption a:visited,
.tpl5_captionswrap .tpl5_caption a:hover {
color: #fff;
text-decoration: none;
}
ul.glide__slides {
transform: translate3d(0, 0, 0) !important;
transition: none!important;
}
li.glide__slide {
position: absolute;
top: 0;
left: 0;
order: 2;
opacity: 0;
transition: opacity 1250ms ease-in-out!important;
}
li.glide__slide.glide__slide--active {
position: relative;
order: 1;
opacity: 1;
z-index: 1;
}
button.glide__arrow {
text-shadow: none;
box-shadow: none;
border: none;
}
button.glide__arrow i {
font-size: 44px;
color: #fff;
transition: color 300ms ease-in-out;
}
button.glide__arrow:hover {
background: none;
}
button.glide__arrow:hover i {
color: #6bafde
}
.glide__arrow--left {
left: auto;
right: 2em;
top: 44%;
}
.glide__arrow--right {
top: 55%;
}
.moduleBuildingFeministFutures {
position: relative;
padding: 55px 0;
margin-top: -21px;
background-position: right top;
background-repeat: no-repeat;
background-color: #f05064;
background-image: url(../images/birds/flock_white.png);
}
.moduleBuildingFeministFutures h3 {
font-size: 36px;
color: #fff;
}
.moduleBuildingFeministFutures p,
.modulewhatWeDo p,
.modulewhatWeDo ul li {
line-height: 1.7;
font-weight: 500;
}
.moduleAboutUs {
background-repeat: no-repeat;
background-image: url(https://www.creaworld.site/media/images/backgrounds/aboutUs.png);
background-color: #e6e7e8;
position: relative;
padding: 110px 0px 70px;
background-size: cover;
background-attachment: fixed;
height: 100vh;
background-position: center !important;
right: 50%;
left: 50%;
margin-left: -50vw;
margin-right: -50vw;
max-width: 100vw;
width: 100vw;
}
.moduleAboutUs .images-column,
.moduleAboutUs .content-column {
position: relative;
margin-bottom: 34px;
}
.moduleAboutUs .images-column .inner-column {
position: relative;
}
.moduleAboutUs .images-column .image {
position: relative;
border-radius: 5px;
overflow: hidden;
display: inline-block;
}
.moduleAboutUs .images-column .image-two {
position: absolute;
right: 0px;
top: 50px;
border-radius: 5px;
overflow: hidden;
border: 6px solid #f05064;
}
.moduleAboutUs .images-column .image-three {
position: absolute;
right: 0px;
bottom: 0px;
}
.separator {
position: relative;
width: 55px;
height: 44px;
background-color: #f05064;
margin-bottom: 21px;
background: url('https://www.creaworld.site/media/images/icons/bird_red.svg');
background-size: cover;
}
.separator.white {
background: url('https://www.creaworld.site/media/images/icons/bird_white.svg');
}
.moduleAboutUs h2,
.moduleLatestNews > h3,
.modulewhatWeDo h2,
.moduleHomepage > h3,
.moduleHomepage h2.title,
.moduleCountimator > h3,
.modulePrograms > h3,
.moduleVideos > h3 {
font-size: 38px;
line-height: 1.3;
color: #000;
}
/*.moduleHomepage.moduleImpact h2.title {
color: #fff;
}*/
.moduleHomepage > h3:before,
.moduleCountimator > h3:before,
.modulePrograms > h3:before,
.moduleVideos > h3:before,
h2.title:before {
content:url('https://www.creaworld.site/media/images/icons/bird_red.svg');
position:relative; /*or absolute*/
left: 0;
top: 0;
width: 55px;
display: block;
}
h2.title.centered:before,
.moduleCountimator > h3:before,
.modulePrograms > h3:before,
.moduleVideos > h3:before,
.moduleCampaigns > h3:before,
.moduleInstitutes > h3:before {
left: 50%;
transform: translate(-50%, 0);
}
.moduleHomepage.whiteBird > h3:before,
.moduleHomepage.whiteBird h2.title:before,
.moduleCountimator > h3:before,
.moduleVideos > h3:before {
content:url('https://www.creaworld.site/media/images/icons/bird_white.svg');
}
.moduleHomepage > h3,
.moduleCountimator > h3,
.modulePrograms > h3,
.moduleVideos > h3,
section.voices > h5 {
text-align: center;
margin-bottom: 34px;
}
.modulePrograms > h3,
.moduleCampaigns > h3,
.moduleInstitutes > h3 {
margin: 0 auto 55px;
display: inline-block;
position: relative;
}
section.voices > h5 {
max-width: 1170px;
line-height: 1.5;
margin: 0 auto 34px;
}
.moduleVideos h3,
.moduleCountimator h3,
.modulefeaturedVideo h2 {
color: #fff;
position: relative;
}
.moduleAboutUs .aboutUs-list li {
position: relative;
color: #000;
font-size: 21px;
line-height: 36px;
margin-bottom: 21px;
list-style-type: none;
}
.moduleAboutUs .aboutUs-list li i {
font-family: 'Font Awesome 6 Free';
font-weight: bold;
font-style: normal;
font-size: 34px;
display: inline;
float: left;
margin-right: 15px;
color: #f05064;
}
.moduleWhoWeAre {
position: relative;
background-image: url('https://www.creaworld.site/media/images/backgrounds/whoWeAre.png');
padding: 100px 0px 100px;
background-attachment: fixed;
background-size: cover;
}
.moduleCampaigns {
margin-top: 34px;
text-align: center;
}
.modulewhatWeDo {
padding: 144px 0px 89px;
}
.modulewhatWeDo .image-column .image,
.moduleCampaigns .elx5_content_imagebox {
position: relative;
border-radius: 21px;
overflow: hidden;
}
.modulewhatWeDo .image-column .image img {
position: relative;
width: 100%;
display: block;
}
.modulewhatWeDo .image-column .image-two {
position: absolute;
left: -37px;
bottom: 0px;
}
.modulewhatWeDo .image-column .image-three {
position: absolute;
right: 0px;
bottom: 0px;
}
.moduleLatestNews {
position: relative;
margin: 0 auto -95px;
padding: 110px 0px 170px;
max-width: 1170px;
background-size: cover;
}
.moduleVideos {
position: relative;
padding: 100px 0px 100px;
background-image: url('https://www.creaworld.site/media/images/backgrounds/videos.jpg');
background-attachment: fixed;
background-size: cover;
}
.moduleVideos:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
right: 0px;
bottom: 0px;
opacity: 0.90;
background-color: #46beb2;
}
.modulePrograms {
background-image: none;
padding: 0 8%;
text-align: center;
}
.modulePrograms:before {
background-color: #5a5a5a;
}
.modulePrograms .elx5_4colwrap {
position: relative;
}
.modulePrograms .elx5_4colwrap .elx5_artbox h3,
.modulePrograms .elx5_4colwrap .elx5_artbox p.elx5_content_subtitle {
color: #fff;
}
.sls_box {
position: relative;
text-align: center;
border-radius: 21px;
overflow: hidden;
padding: 30px 30px 30px;
border: 1px solid rgba(255, 255, 255, 0.20);
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
-moz-transition: all 300ms ease;
transition: all 300ms ease;
box-shadow: none;
background: none;
}
.sls_box:hover {
border-color: #f05064;
}
div.sls_boxin {
position: absolute;
left: 15px;
right: 15px;
bottom: 20px;
z-index: 3;
}
.sls_boxin > h4,
.sls_boxin > h4 a, .sls_boxin > h4 a:visited, .sls_boxin > h4 a:hover {
white-space: wrap;
overflow: visible;
font-size: 20px;
padding: 13px;
color: #fff;
}
.sls_boxsub,
.sls_topright {
display: none;
}
.slick-slider{
position: static;
max-width: 1200px;
padding: 0px 15px;
margin: 0 auto;
}
.sls_box img {
filter: brightness(60%);
border-radius: 21px;
}
.sls_red, .sls_boxin > h4 a.sls_red:hover {
color: inherit;
}
.sls_box a.overlay-box {
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
text-align:center;
overflow:hidden;
line-height: 45px;
overflow:hidden;
z-index:2;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
-webkit-transform-origin: right center;
-ms-transform-origin: right center;
transform-origin: right center;
background-position:center center;
}
.sls_box:hover .overlay-box {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transform-origin: left center;
-ms-transform-origin: left center;
transform-origin: left center;
}
.sls_box a.overlay-box:before{
position : absolute;
content : '';
left : 30px;
top : 30px;
right : 30px;
bottom : 30px;
opacity : 0.80;
background-color:#f05064;
border-radius: 21px;
}
.sls_box .overlay-box i {
position: absolute;
width: 60px;
height: 60px;
left: 50%;
top: 50%;
z-index: 10;
color: #fff;
font-weight: bold;
font-size: 34px;
text-align: center;
padding-left: 4px;
display: inline-block;
margin-top: -30px;
margin-left: -30px;
line-height: 58px;
border-radius: 50%;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
border: 2px solid #fff;
}
.slick-prev:before,
.slick-next:before {
font-size: 55px;
color: #fff;
}
.slick-prev:hover::before,
.slick-next:hover::before {
color: #f05064;
}
.slick-prev {
left: 55px;
}
.slick-next {
right: 34px;
}
.slick-prev, .slick-next {
background: none;
width: 55px;
height: 55px;
opacity: 1;
}
.slick-dots {
position: relative;
bottom: -55px;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button:before,
.slick-dots li.slick-active button:before {
width: 34px;
height: 34px;
}
.slick-dots li button:before,
.slick-dots li.slick-active button:before {
color: #fff;
opacity: 0.5;
}
.slick-dots li button:before {
font-size: 21px;
}
.slick-dots li.slick-active button:before {
opacity: 1;
}
.modulefeaturedVideo {
position: relative;
padding: 144px 0 55px;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
background-image: url('https://www.creaworld.site/media/images/categories/who-we-are-hero.jpg');
}
.modulefeaturedVideo:before {
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0.8;
background-color: rgb(120,81,169);
}
.modulefeaturedVideo div.content-column {
padding-top: 89px;
}
.modulefeaturedVideo div.text {
color: #fff;
font-weight: bold;
font-size: 26px;
line-height: 1.5;
margin-bottom: 34px;
}
.modulefeaturedVideo .image-column {
position: relative;
}
.modulefeaturedVideo .image-column .overlay-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
text-align: center;
overflow: hidden;
z-index: 2;
transition: -webkit-transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.modulefeaturedVideo .image-column .overlay-box i {
position: absolute;
width: 90px;
height: 90px;
left: 50%;
top: 50%;
z-index: 10;
color: #fff;
font-size: 34px;
text-align: center;
padding-left: 4px;
display: inline-block;
margin-top: -45px;
margin-left: -45px;
line-height: 86px;
border-radius: 50%;
transition: all 900ms ease;
-moz-transition: all 900ms ease;
-webkit-transition: all 900ms ease;
-ms-transition: all 900ms ease;
-o-transition: all 900ms ease;
border: 3px solid #fff;
}
.ripple,
.ripple:before,
.ripple:after {
position: absolute;
top: 50%;
left: 50%;
width: 90px;
height: 90px;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-border-radius: 50% 50% 50% 50%;
-moz-border-radius: 50% 50% 50% 50%;
-ms-border-radius: 50% 50% 50% 50%;
-o-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
-webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
-webkit-animation: ripple 3s infinite;
-moz-animation: ripple 3s infinite;
-ms-animation: ripple 3s infinite;
-o-animation: ripple 3s infinite;
animation: ripple 3s infinite;
}
.ripple:before {
-webkit-animation-delay: .9s;
-moz-animation-delay: .9s;
-ms-animation-delay: .9s;
-o-animation-delay: .9s;
animation-delay: .9s;
content: "";
position: absolute;
}
.ripple:after {
-webkit-animation-delay: .6s;
-moz-animation-delay: .6s;
-ms-animation-delay: .6s;
-o-animation-delay: .6s;
animation-delay: .6s;
content: "";
position: absolute;
}
@-webkit-keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
@keyframes ripple {
70% {box-shadow: 0 0 0 70px rgba(253, 167, 0, 0);}
100% {box-shadow: 0 0 0 0 rgba(253, 167, 0, 0);}
}
/* ==============================
OUR IMPACT
============================== */
section.impact {
position: relative;
}
.impact__list li {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #121D2C;
letter-spacing: 1px;
}
.impact__list li:not(:last-child) {
margin-right: 70px;
}
.impact__list li i {
margin-right: 6px;
}
.impact__list li.result i {
color: #f05064;
}
.impact__list li.setting i {
color: #f05064;
}
.impact__list li.signal i {
color: #08BF51;
}
.impact__img {
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
border: 5px solid #f05064;
box-shadow: 0px 4px 4px #e7e8e9;
}
.impact__img--1 {
width: 233px;
height: 233px;
top: 34%;
left: 5%;
}
.impact__img--2 {
width: 144px;
height: 144px;
bottom: 34%;
left: 19%;
}
.impact__img--3 {
width: 144px;
height: 144px;
top: 30%;
right: 19%;
}
.impact__img--4 {
width: 180px;
height: 180px;
right: 15%;
top: 45%;
}
.impact__img--5 {
width: 120px;
height: 120px;
right: 30%;
bottom: 23%;
}
/* ==============================
BLOCKQUOTES & PULLQUOTES
============================== */
section.voices {
background-color: #f2e4ff;
position: relative;
padding: 110px 0px 80px;
background-size: cover;
margin-bottom: -89px;
padding-bottom: 144px;
margin-top: 144px;
}
.mquote_wrap {
margin-top: 89px;
text-align: center;
}
body.innerpage blockquote::before,
body.innerpage div.elx_article_page p.elx5_content_subtitle::before,
body.innerpage blockquote::after,
body.innerpage div.elx_article_page p.elx5_content_subtitle::after {
/*left: -12%;*/
content: "";
display: none;
}
body.innerpage blockquote,
body.innerpage div.elx_article_page p.elx5_content_subtitle {
margin: 0 0 21px 0!important;
background: none!important;
border: none!important;
padding: 0!important;
}
div.elx_article_page p {
overflow: visible;
}
div.elx_article_page p.elx5_content_subtitle {
overflow: hidden;
}
blockquote.mquote p,
blockquote.mquote:first-line,
blockquote.mquote p:first-line,
blockquote,
p.elx5_content_subtitle {
display: block;
background: rgba(255,131,87,0.1);
padding: 55px 55px 55px 89px;
margin: 34px 21px 44px!important;
position: relative!important;
font-size: 20px;
color: #333;
border-left: 8px solid rgba(240,78,99,1);
border-radius: 21px;
min-height: 44px;
font-weight: 600;
font-style: italic;
line-height: 1.7!important;
overflow: hidden;
}
div.dir_listdesc blockquote {
background: rgba(41,121,178,0.5);
color: #fff;
}
div.dir_listdesc blockquote {
border-color: #2979b2;
}
div.dir_listdesc blockquote::before,
div.dir_listdesc blockquote::after,
div.dir_listdesc blockquote cite::before {
color: #efefef;
}
div.elx5_category_summary blockquote {
margin-top: 0!important;
margin-left: 0!important;
}
blockquote:has(cite) {
padding-bottom: 89px;
}
.elx5_artbox p.elx5_content_subtitle {
margin: 0!important;
padding: 0;
background: none;
font-style: normal;
border: none;
line-height: 1.5!important;
border-radius: 0;
}
blockquote.mquote::before,
blockquote::before,
p.elx5_content_subtitle::before,
blockquote.mquote::after,
blockquote::after,
p.elx5_content_subtitle::after {
font-family: Georgia;
font-size: 144px;
font-weight: 700;
opacity: .3;
color: #f05064;
position: absolute;
}
blockquote.mquote::before,
blockquote::before,
p.elx5_content_subtitle::before {
left: 0;
top: -34px;
content: "\201C";
text-shadow: none;
}
blockquote.mquote::after,
blockquote::after,
p.elx5_content_subtitle::after {
content: "\201D";
right: .2em;
line-height: 1;
bottom: auto;
}
blockquote:has(cite)::after {
bottom: -10px;
}
.elx5_artbox p.elx5_content_subtitle::before,
.elx5_artbox p.elx5_content_subtitle::after {
content: "";
}
blockquote.mquote em,
blockquote cite {
display: block;
font-size: 18px;
margin-top: 13px;
font-weight: 500;
margin-right: 34px;
position: absolute;
bottom: 21px;
}
blockquote.mquote em:before,
blockquote cite:before,
blockquote cite:before {
content: " \007E \00a0";
color: #f05064;
}
blockquote cite a {
text-decoration: underline;
}
a.mquote_next, a.mquote_next:hover, a.mquote_next:visited, a.mquote_next:link, a.mquote_next:active {
display: inline-block;
text-decoration: none;
font: inherit;
width: auto;
background: #f05064;
padding: 13px;
}
.pullquote {
min-height: 233px;
background: url('https://www.creaworld.site/media/images/backgrounds/woodblock_creeper.png');
background-position: center center;
font-size: 34px;
font-weight: bold;
line-height: 1.3;
text-align: center;
display: flex;
align-content: center;
flex-wrap: wrap;
padding: 89px;
border: 5px dashed #fde1b1;
margin-top: 34px;
margin-bottom: 34px;
justify-content: space-around;
}
/* ==============================
END BLOCKQUOTES & PULLQUOTES
============================== */
/* ==============================
FOOTNOTES
============================== */
ol#footnotes li {
margin-bottom: 1em;
padding-left: 2vw!important;
font-size: .8vw;
color: #5a5a5a;
}
.elx_article_page,
.elx_category_page {
counter-reset: footnotes;
}
[aria-describedby=footnote-label] {
counter-increment: footnotes;
text-decoration: none;
color: inherit;
cursor: default;
outline: 0
}
[aria-describedby=footnote-label]::after {
content: '[' counter(footnotes) ']';
vertical-align: super;
font-size: .7em;
margin-left: 2px;
color: #f05064;
cursor: pointer;
font-weight: 700
}
[aria-describedby=footnote-label]:focus::after {
outline: 0;
color: #6bafde;
}
[aria-label="Back to content"] {
font-size: .8em;
color: #999;
}
ol li:target {
padding: 1vw 2vw;
outline: #f05064 dashed thin
}
p input {
display: none;
}
/* Sup text */
p input + label {
font-size: 0.7em;
vertical-align: super;
cursor: pointer;
transition: color 0.1s;
color: #7851a9;
}
p input + label:before {
content: "[";
}
p input + label:after {
content: "]";
}
p input + label:hover {
color: #7851a9;
}
small {
color: #7851a9;
font-size: 0.875em;
}
p input + label + small {
transition: opacity 0.2s 0.05s;
position: absolute;
opacity: 0;
visibility: hidden;
}
p input:checked + label + small {
position: relative;
opacity: 1;
visibility: visible;
}
/******* Flavors *******/
/* inline reveal */
p.inline input:checked + label + small {
margin: 0 0.15em;
}
/* block reveal */
p.block input:checked + label + small {
display: block;
color: #838374;
padding: 1ch 3ch;
}
/* hover reveal */
p.hover input + label + small,
p.hover input:checked + label + small {
display: none;
}
p.hover input + label:hover + small {
font-size:.8em;
z-index: 1;
position: absolute;
display: block;
opacity: 1;
visibility: visible;
padding: 0.3em 0.8em 0.4em;
border-bottom: 1px;
right: 4ch;
left: 4ch;
background: #222222ee;
color: #7851a9;
box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
border-radius: 3px;
pointer-events: none;
}
/* ==============================
END FOOTNOTES
============================== */
/* ==============================
GALLERY
============================== */
section.plugal_gallery,
.plugal_column4 {
padding: 0;
}
section.plugal_gallery {
margin-top: 55px;
justify-content: space-between;
}
.plugal_column4 {
flex: 23%;
max-width: 23%;
}
.plugal_column {
flex: 31%;
max-width: 31%;
}
section.plugal_gallery img {
border-radius: 13px;
object-fit: cover;
aspect-ratio: 3 / 2;
}
figure.plugal_item {
margin-bottom: 21px;
}
.wa-mediabox-next,
.wa-mediabox-prev {
border-radius: 50%;
}
/* ==============================
GRID
============================== */
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(144px, 1fr));
grid-gap: 21px;
}
.grid > div,
.grid > figure {
background: #fff;
border: 3px solid black;
padding: 10px;
display: grid;
place-items: center;
border-radius: 13px;
}
.grid.bg-black > figure {
background: #000;
}
.grid > div::before,
.grid > figure::before {
content: "";
display: block;
/*padding-bottom: 100%;*/
grid-area: 1 / 1 / 2 / 2;
}
.grid img {
width: 100%;
height: 100%;
object-fit: contain;
grid-area: 1 / 1 / 2 / 2;
}
/* ==============================
END GRID
============================== */
/* ==============================
TAGS PAGES
============================== */
div.elx_tags_page {
display : flex;
flex-wrap: wrap;
justify-content: space-around;
position: relative;
}
div.elx_tags_page:after {
content: "";
flex: 0 0 21%;
}
div.elx_tags_page div.elx5_artbox.elx5_artboxtl {
flex: 0 0 21%;
}
.elx5_4colbox figure,
div.elx_tags_page div.elx5_artbox figure,
div#elx_category_page_7 figure.elx5_content_imageboxlt {
width: auto;
margin: 0 auto 10px;
border: none;
margin-bottom: 34px;
}
.elx5_4colbox figure {
margin-bottom: 21px;
}
.elx5_4colbox figure img,
div.elx_tags_page div.elx5_artbox figure img {
border: none;
}
/*div#elx_category_page_26 .elx5_4colbox figure img /* NEWS, */
/*div#elx_category_page_5 .elx5_4colbox figure img /* INSTITUTES */
/*div#elx_category_page_27 .elx5_4colbox figure img /* OUR TEAM */
/*div#elx_category_page_40 .elx5_4colbox figure img /* OUR TEAM */
/*div#elx_category_page_40 .elx_content_imagebox img */
/*div#elx_category_page_36 .elx5_4colbox figure img /* OUR TEAM */
/*div#elx_category_page_37 .elx5_4colbox figure img /* OUR TEAM */
/*div#elx_category_page_38 .elx5_4colbox figure img /* OUR TEAM */
/*div#elx_category_page_39 .elx5_4colbox figure img /* OUR TEAM */
div.elx_category_page .elx5_artboxvt figure img,
figure.elx5_content_imageboxtl img /*search results*/,
div.contentsup img {
object-fit: cover;
object-position: 50% 0;
aspect-ratio: 1 / 1;
border: 6px solid #fde1b1;
border-radius: 34px;
padding: 0;
transition: all 0.3s ease-in-out;
}
div.elx_tags_page figure.elx5_content_imageboxtl img {
aspect-ratio: 1 / 1.28;
}
div.elx_category_page .elx5_artboxvt figure a:hover img,
figure.elx5_content_imageboxtl a:hover img /*search results*/,
div.contentsup a:hover img {
border-color: #46beb2;
}
div.moduleProjectHighlights .elx5_4colbox figure {
height: auto;
border: none;
width: 100%;
}
div.elx_tags_page div.elx5_artbox figure {
margin-left: 10%;
}
.elx5_4colbox figure img,
div.elx_tags_page div.elx5_artbox.elx5_artboxtl figure img {
border-radius: 0;
padding: 0;
}
div.elx5_artbox figure.elx5_content_imageboxlt,
div.elx5_artbox div.contentsup div.elx_content_imagebox,
div.elx_tags_page div.elx5_artbox figure {
overflow: hidden;
}
/*.elx5_4colbox figure img, div.elx_tags_page div.elx5_artbox.elx5_artboxtl figure,
div#elx_category_page_7 figure.elx5_content_imageboxlt {
transition : box-shadow 0.3s cubic-bezier(0.25,0.8,0.25,1);
box-shadow : 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}*/
/*.elx5_4colbox figure img:hover, div.elx_tags_page div.elx5_artbox.elx5_artboxtl figure:hover,
div#elx_category_page_7 figure.elx5_content_imageboxlt:hover {
box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.1), 2px 4px 4px rgba(0, 0, 0, 0.1), 4px 8px 8px rgba(0, 0, 0, 0.2), 8px 16px 16px rgba(0, 0, 0, 0.2), 16px 32px 32px rgba(0, 0, 0, 0.2);
inset: 3.125rem 4.1875rem;
}*/
div.elx5_2colwrap::after { /* if grid has an incomplete final row */
content: "";
flex: 0 0 48%;
}
div.elx5_3colwrap::after { /* if grid has an incomplete final row */
content: "";
flex: 0 0 30%;
}
div.elx5_4colwrap::after {/* if grid has an incomplete final row */
content: "";
flex: 0 0 21%;
}
div.elx5_4colwrap.incomplete-by-two::after,
div#elx_category_page_39 div.elx5_4colwrap::after,
div.moduleincomplete-by-two div.superarticles:after { /* if grid has 2 missing from final row */
content: "";
flex: 0 0 49%;
}
div.elx5_category_summary div.elx5_3colwrap {
margin-top: 34px;
}
div.elx_tags_page h3,
div#elx_category_page_7 h3, /* RESOURCES */
div#elx_category_page_30 h3, /* PUBLICATIONS */
div#elx_category_page_28 h3, /* TOOLKITS AND MANUALS */
div#elx_category_page_18 h3, /* VIDEOS */
div#elx_category_page_29 h3 { /* ANNUAL REPORTS */
font-size: 20px;
line-height: 1.3;
text-align: center;
clear: both;
color: #000;
}
div#elx_category_page_7 h3 a {
font-weight: 600;
}
figure.elx5_content_imageboxll {
width: 100%;
margin-bottom: 34px;
}
/* ==============================
COUNTIMATOR
============================== */
/*.moduleImpact {
position: relative;
z-index: 1;
}*/
.moduleCountimator:before {
position: absolute;
content: '';
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(240,78,99,0.96)
}
.moduleCountimator {
position: relative;
color: #fff;
/*padding: 400px 89px 144px;
margin-top: -400px;*/
padding: 144px 89px;
z-index: 0;
background-repeat: no-repeat;
background-image: url('https://www.creaworld.site/media/images/categories/careers-2025.jpg');
background-attachment: fixed;
background-size: cover;
margin-top: 89px;
margin-bottom: 89px;
}
.msc_icon {
color: #fff;
}
.msc_counter {
letter-spacing: 1px;
font-size: 62px;
font-weight: 700;
margin: 21px 0 25px;
line-height: 1;
position: relative;
color: #fff;
}
.msc_title {
font-weight: bold;
font-size: 22px;
position: relative;
z-index: 1;
}
/* LAYOUT */
.tpl5_wrap { margin:0 auto; padding:0; width:100%; }
.tpl5_header_all_wrap { background:#111111; min-height:300px; }
.tpl5_header_all_wrapfp { background:#111111; min-height:166px; }
.tpl5_header_fpbg { background:url(../images/bg/fpimg.jpg) center top no-repeat; height:300px; }
.tpl5_header_ms2_fpbg { background:url(../images/bg/site2/fpimg.jpg) center top no-repeat; height:300px; }
.tpl5_header_ms3_fpbg { background:url(../images/bg/site3/fpimg.jpg) center top no-repeat; height:300px; }
.tpl5_header_ms4_fpbg { background:url(../images/bg/site4/fpimg.jpg) center top no-repeat; height:300px; }
.tpl5_header_inbg {
background:url(../images/bg/bgimg.jpg) center top no-repeat;
height:300px;
background-size: cover;
}
.tpl5_header_ms2_inbg { background:url(../images/bg/site2/bgimg.jpg) center top no-repeat; height:300px; }
.tpl5_header_ms3_inbg { background:url(../images/bg/site3/bgimg.jpg) center top no-repeat; height:300px; }
.tpl5_header_ms4_inbg { background:url(../images/bg/site4/bgimg.jpg) center top no-repeat; height:300px; }
.tpl5_container { margin:0 auto; width:auto; max-width:1200px; padding:0 20px; }
.tpl5_container1 { margin:0 auto; width:auto; max-width:1300px; padding:0 20px; }
.tpl5_container2 { margin:0 auto; width:auto; max-width:1400px; padding:0 20px; }
.tpl5_container3 { margin:0 auto; width:auto; max-width:1500px; padding:0 20px; }
.tpl5_container4 { margin:0 auto; width:auto; max-width:1600px; padding:0 20px; position: relative; }
div.tpl5_header_menu_line .tpl5_container4 {
max-width: 1360px;
}
/*.tpl5_container4#tpl5_maincontainer {
margin-bottom: 233px;
}*/
.tpl5_container5 { margin:0; width:100%; padding:0 20px; }
.tpl5_header_top_wrap {
position:absolute; left:0; right:0; top:0;
}
.tpl5_header_top_wrapno { margin:0; padding:0; }
.tpl5_header_top_lineno { height:1px; padding:0; background:rgba(0, 0, 0, 0.7); color:#CCCCCC; }
.tpl5_header_top_line { min-height:5px; padding:5px 0 5px 0; background:rgba(0, 0, 0, 0.4); color:#CCCCCC; }
.tpl5_header_top_linein { min-height:30px; overflow:hidden; white-space:nowrap; vertical-align:middle; }
.tpl5_search_box { width:300px; float:left; overflow:hidden; white-space: nowrap; }
div.tpl5_header_top_wrap form.elx_modsearchform {
text-align: right;
position: absolute;
top: 0;
right: 13px;
left: 280px;
line-height: 108px;
background: none;
border: none;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled form.elx_modsearchform,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark form.elx_modsearchform {
line-height: 64px;
left: 180px;
}
form.elx_modsearchform select {
display: none;
}
div.tpl5_header_top_wrap form.elx_modsearchform input[type=text] {
position: relative;
display: inline;
width: 46px;
height: 46px;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
box-sizing: border-box;
border: 2px solid transparent;
float: none;
outline: 0;
cursor: pointer;
background-size: 26px 26px;
background-position: right 7px top 6px;
text-indent: -9999px;
color: #5a5a5a;
font-size: 20px;
/*background-image: url('https://www.creaworld.site/media/images/icons/search.svg');*/
background-image: url('data:image/svg+xml,');
background-color: #fff;
background-repeat: no-repeat;
box-shadow: none;
border-radius: 34px;
padding: 21px;
}
/*div.tpl5_header_top_wrap.red form.elx_modsearchform input[type=text] {
background-color: #f05064;
}
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled input[type=text],
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark input[type=text],
div.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolled input[type=text],
div.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolleddark input[type=text] {
background-color: #5a5a5a;
}*/
div.tpl5_header_top_wrap form.elx_modsearchform input[type=text]::placeholder {
color: #46beb2;
}
div.tpl5_header_top_wrap form.elx_modsearchform input.elx_modsearch_input {
font:normal 20px/36px poppins, sans-serif;
}
div.tpl5_header_top_wrap form.elx_modsearchform input:-webkit-autofill,
div.tpl5_header_top_wrap form.elx_modsearchform input:-webkit-autofill:focus {
transition: background-color 0s 600000s, color 0s 600000s;
}
div.tpl5_header_top_wrap form.elx_modsearchform input[type=text]:hover,
div.tpl5_header_top_wrap form.elx_modsearchform input[type=text]:active,
div.tpl5_header_top_wrap form.elx_modsearchform input[type=text]:focus {
background-image: url('data:image/svg+xml,');
}
/* When the input field gets focus, change its width to 100% */
div.tpl5_header_top_wrap form.elx_modsearchform input[type=text]:focus {
border-color: #fff;
width: 100%;
cursor: default;
font-weight: bold;
text-indent: 0;
z-index: 9999;
}
div.modulesearchresources form.elx_modsearchform {
position: relative;
width: 500px;
margin: 34px auto;
border: none;
padding: 0;
}
div.modulesearchresources form.elx_modsearchform input[type=text] {
width: 500px;
border-radius: 20px;
position: relative;
z-index: 1;
height: 38px;
padding: 13px;
font-size: 18px;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ced4da;
-webkit-appearance: none;
}
div.modulesearchresources form.elx_modsearchform button {
position: absolute;
top: 0;
right: 0;
z-index: 2;
background-color: #f05064!important;
border: 0;
color: #fff;
border-radius: 21px;
display: inline-block;
min-width: 100px;
font-weight: bold;
font-size: 16px;
padding: 11px;
text-transform: lowercase;
}
.tpl5_pos_bottom { margin:0; padding:0; }
.tpl5_maincol { margin:0; padding:0 2% 0 0; width:76%; float:left; }
.tpl5_sidecol { margin:0 0 0 76%; padding:0; }
footer .logo {
position: relative;
line-height: 1em;
margin: 120px auto 55px;
}
footer .contact-info-list {
position: relative;
}
footer .contact-info-list li {
position: relative;
text-align: left;
line-height: 1.9em;
color: #fff;
padding-left: 55px;
margin-right: 89px;
margin-bottom: 34px;
display: inline-table;
}
footer .contact-info-list li i {
position: absolute;
left: 0;
top: 5px;
font-size: 30px;
}
footer .contact-info-list li a {
position: relative;
display: inline-block;
color: #fff;
}
.tpl5_footer {
display:block;
margin:0;
padding:30px 0;
width:100%;
background:#333;
color:#efefef; }
.tpl5_footer_copyicons {
margin:0 auto;
padding:13px 0 30px 0;
}
.tpl5_footer_copy {
margin:0;
padding:10px 0 0;
font:normal 14px/18px poppins, sans-serif;
text-align:left;
border-top: 1px solid #efefef;
}
.tpl5_footer_copy a, .tpl5_footer_copy a:visited, .tpl5_footer_copy a:hover {
color:#CCCCCC; font:normal 15px/34px poppins, sans-serif; text-decoration:none; border: none;
}
.tpl5_footer_copy a:hover { color: #fff }
.tpl5_footer_icons { margin:0 0 0 51%; padding:0; font:normal 16px/28px poppins, sans-serif; color:#efefef; text-align:right; }
.tpl5_footer_icons a, .tpl5_footer_icons a:visited, .tpl5_footer_icons a:hover {
display:inline-block;
margin:0 0 0 10px;
padding:4px 0;
border: none;
border-radius: 50%;
background: #f05064;
font:normal 16px/28px poppins, sans-serif;
color:#efefef;
text-decoration:none;
width: 34px;
height: 34px;
text-align: center;
}
.tpl5_footer_icons a:hover {
color:#f05064;
background: #fff;
}
.tpl5_footer_icons:after { content:''; display:table; clear:both; }
.tpl5_footer_cisingle { margin:0 auto; padding:0; float: none; width: 100%; text-align: center; }
.tpl5_fmods { margin:5px 0; padding:0; color:#E2E2E2; }
.tpl5_fmods a { color:#A0D1F0; }
.tpl5_fmods_33 { margin:0 1% 0 0; padding:0; width:32%; display:block; float:left; box-sizing: border-box; }
.tpl5_fmods_33:first-child { margin-right:2%; }
.tpl5_fmods_33:nth-child(2) { margin-right:2%; }
.tpl5_fmods_33:last-child { margin:0; }
.tpl5_fmods_50 { margin:0 1% 0 0; padding:0; width:49%; display:block; float:left; box-sizing: border-box; }
.tpl5_fmods_50:first-child { margin-right:2%; }
.tpl5_fmods_50:last-child { margin:0; }
.tpl5_fmods_100 { margin:0; padding:0; display:block; float:none; box-sizing: border-box; }
/* BREADCRUMB */
.tpl5_pathwrap {
padding: 8px;
overflow:hidden;
white-space: nowrap;
position: relative;
top: 200px;
z-index: 2;
}
nav.tpl5_pathway {
margin:0;
padding:0 55px;
display:block;
width:100%;
border:none;
overflow: hidden;
white-space:nowrap;
}
nav.tpl5_pathway ul {
list-style: none;
white-space:nowrap;
}
nav.tpl5_pathway li {
display:inline-block;
font:normal 16px/28px poppins, sans-serif;
height: 34px;
background-color: #fde1b1;
border-top-left-radius: 13px;
border-bottom-right-radius: 13px;
transition: all 0.3s ease;
text-transform: uppercase;
position: relative;
transform: skew(-21deg);
box-shadow: 0 2px 5px rgba(0,0,0,0.26);
margin: 5px;
padding: 0;
cursor: pointer;
}
nav.tpl5_pathway li a {
padding: 0 21px;
font:normal 16px/28px poppins, sans-serif;
color: #2979b2;
text-decoration: none;
border:none;
text-transform: lowercase;
margin: auto;
transform: skew(21deg);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 34px;
display: inline-block;
}
nav.tpl5_pathway li:hover {
background: #2979b2;
}
nav.tpl5_pathway li:hover a {
color: #fff;
}
.tpl5_shadow_space {
/*margin:0 0 30px 0; */
padding:0;
height:1px;
background-color: transparent;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.8);
position: relative;
z-index: 99;
}
/******************* message boxes **********************/
.elx5_sminfo:before, .elx_sminfo:before {
content:'\f05a'; display:inline-block; background:none; margin:0 5px 0 0; padding:0;
font:normal 17px/17px 'Font Awesome 6 Free'; color: #48ABFF; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
.elx5_smwarning:before, .elx_smwarning:before {
content:'\f071'; display:inline-block; margin:0 5px 0 0; padding:0;
font:normal 17px/17px 'Font Awesome 6 Free'; color: #f39c12; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
.elx5_smsuccess:before, .elx_smsuccess:before, .elx_smnotice:before {
content:'\f058'; display:inline-block; margin:0 5px 0 0; padding:0;
font:normal 17px/17px 'Font Awesome 6 Free'; color: #519C0D; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
.elx5_smerror:before, .elx_smerror:before {
content:'\f06a'; display:inline-block; margin:0 5px 0 0; padding:0;
font:normal 17px/17px 'Font Awesome 6 Free'; color: #dd4b39; width:17px; height:17px; text-align: center; vertical-align: middle; font-weight: 900;
}
/* ==============================
TABS
============================== */
ul.tabs {
margin:0; padding:0; display:block; list-style:none; height:53px; background-color: #eee; border:none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #e0e0e0 #e0e0e0;
border-image: none;
border-style: solid solid none;
border-width: 1px 1px medium;
}
ul.tabs li { margin:0; padding:0; width:auto; float:left; height:52px; line-height:52px; border:none; margin-bottom:-1px; overflow:hidden; position:relative; background:none; background-color:#eee; }
ul.tabs li a { text-decoration: none; color:#000; display:block; padding:0 20px; border:none; border-right: 1px solid #fff; outline:none; font:normal 14px/50px poppins, sans-serif; }
ul.tabs li a:hover { background:inherit; color:#13afeb; }
ul.tabs li.active, ul.tabs li.active a:hover { background-color: #fff; font-weight:normal; color:#13afeb; border-bottom:1px solid #fff; }
ul.tabs li.active { border-top:none; background-color: #fff }
.tab_container { margin-bottom:10px; border:1px solid #e0e0e0; border-top:none; overflow:hidden; display:block; background: #fff; padding:0 !important; }
.tab_content{ padding:10px; }
#eitabs {
margin: 30px auto;
}
#eitabs .titletab {
margin: 0 8px 10px 0;
color: #fff;
border: none;
background-color: #f05064;
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
padding: 13px 13px 8px;
}
#eitabs li.active, #eitabs li.titletab:hover {
background-color: #46beb2;
color: #fff;
}
#eitabs .contenttab {
border: 2px solid #f05064;
margin-top: -10px;
-webkit-border-radius: 0 8px 0 0;
-moz-border-radius: 0 8px 0 0;
border-radius: 0 8px 0 0;
padding: 21px 34px;
}
/* ==============================
END TABS
============================== */
/* component content & module article */
.elx5_artbox { margin:0 0 40px 0; padding:0; }
.elx5_artboxvt {
margin:0 0 34px 0;
/*padding-bottom:15px;
box-shadow: 0 2px 5px rgba(0,0,0,0.07);
border-radius: 3px;
border: 1px solid #e9e9e9;
overflow:hidden; */
}
.elx5_artboxvt figure.elx5_content_imageboxlt img {
/*aspect-ratio: 1 / 1;
object-fit: cover;*/
}
div#elx_category_page_7 /* RESOURCES */ .elx5_artboxvt,
div#elx_category_page_24 /* ANNUAL REPORTS */ .elx5_artboxvt {
box-shadow: none;
border: none;
}
.elx5_2colwrap, .elx5_3colwrap, .elx5_4colwrap,
div.superarticles {
display: flex;
justify-content: space-between;
width: 100%;
box-sizing: border-box;
flex-wrap: wrap;
margin: 0;
padding: 0;
flex-direction: row;
align-items: stretch;
}
div.contentsup .elx_featured_box,
div.contentsup .elx_featured_box div.elx_content_imagebox {
border: none;
margin: 0 !important;
padding: 0;
height: auto!important;
}
div.modulePrograms div.contentsup .elx_featured_box,
div.modulePrograms div.contentsup .elx_featured_box div.elx_content_imagebox {
height: 100%!important;
display: flex;
flex-direction: column;
}
div.contentsup .elx_featured_box div.elx_content_imagebox {
margin-bottom: 21px!important;
}
div.modulePrograms div.contentsup .elx_featured_box div.elx_content_imagebox {
margin-bottom: 0!important;
}
div.contentsup .elx_featured_box {
margin-bottom: 34px!important;
}
div.superarticles-ltr h2 {
margin-bottom: 5px;
font-size: 28px;
}
div.superarticles-ltr h2,
div.superarticles-ltr p {
text-align: center;
}
div.modulePrograms div.superarticles-ltr h2,
div.moduleInstitutes div.superarticles-ltr h2 {
margin-bottom: 21px;
height: 2em;
}
div.superarticles-ltr .col5_contentsup1 h2,
div.superarticles-ltr .col5_contentsup2 h2,
div.superarticles-ltr .col5_contentsup3 h2,
div.superarticles-ltr .col5_contentsup4 h2,
div.superarticles-ltr .col5_contentsup5 h2 {
font-size: 24px;
line-height: 1.3;
}
.elx5_artboxvt figure.elx5_content_imageboxlt img {
padding:0;
border:none;
border-radius: 13px;
}
.elx5_artbox h3 {
margin: 0 0 5px 0;
padding: 0;
font: normal 30px/34px poppins, sans-serif;
font-weight: bold;
color: #f05064;
line-height: 1.3;
text-transform: lowercase;
}
div#elx_category_page_26 .elx5_artbox h3 /* NEWS */ {
font-size: 22px;
}
.btn,
.btn.focus, .btn:focus, .btn:hover,
.sechub_sliderbtn,
a.elx5_btn,
a.elx5_btn:hover,
a.elx5_btn:visited,
a.elx5_btn:active,
button,
button.elx5_btn,
button[type=submit].elx5_btn,
button[type=button].elx5_btn,
span.elx_engine_current,
.elx_engines_box a,
ul.elx_subcategories li a {
display: inline-block;
position: relative;
color: #fff;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #f05064;
border: none;
font-weight: 600;
padding: 10px 21px;
line-height: 1.5;
border-radius: 21px;
height: auto;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
font-size: 18px;
margin-bottom: 21px;
margin-top: 5px;
}
button.elx5_btn, button[type=submit].elx5_btn, button[type=button].elx5_btn {
width: auto;
}
.btn.tag,
.btn.download,
.btn.play {
font-size: 16px;
padding: 8px 21px 5px;
padding-right: 40px;
border: none;
background-color: #6bafde;
}
.btn.tag.small {
font-size: 13px;
margin-bottom: 10px;
height: 35px;
}
.btn.download,
.btn.play,
.btn.link {
background-color: #f05064;
padding: 10px 40px 8px 21px;
}
.btn.download {
margin-right: 13px;
}
button:hover,
.btn:hover,
a.elx5_btn:hover,
a.elx5_btn:hover,
a.elx5_btn:active,
button.elx5_btn:hover,
button[type=submit].elx5_btn:hover,
button[type=button].elx5_btn:hover,
span.elx_engine_current:hover,
ul.elx_subcategories li a:hover {
background-color: #46beb2;
border: none;
color: #fff;
}
.btn.tag:hover,
.btn.download:hover,
.btn.play:hover {
border: none;
color: #fff;
}
.btn.download:hover,
.btn.play:hover {
background-color: #6bafde;
}
.btn-white,
.btn-white:hover,
.elx_engines_box a {
background-color: #fff;
color: #f05064;
/*text-transform: uppercase;*/
}
.btn-white:hover,
.elx_engines_box a:hover {
color: #fff;
text-decoration: none;
background: #f05064;
}
div.modulePrograms .elx5_artbox .elx5_artbox_inner:last-of-type a,
div.moduleInitiatives .elx5_artbox .elx5_artbox_inner:last-of-type a,
div.moduleCampaigns .elx5_artbox .elx5_artbox_inner:last-of-type a,
div.moduleLatestNews .elx5_artbox .elx5_artbox_inner:last-of-type a,
a.theme-btn,
button.theme-btn,
a.mquote_next,
a.readmore,
nav#tpl5_menu ul.elx_menu > li:last-of-type a {
position: relative;
line-height: 30px;
overflow: hidden;
text-align: center;
border-radius: 34px;
display: inline-grid;
padding: 8px 21px;
font-size: 16px;
text-transform: lowercase;
color: #fff;
background-color: #f05064;
}
div.tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu[data-level="0"] > li:last-of-type > a,
div.tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu[data-level="0"] > li:last-of-type > a,
.tpl5_header_top_wrap nav#tpl5_menu ul.elx_menu[data-level="0"] > li:last-of-type > a,
.tpl5_header_top_wrap nav#tpl5_menu ul.elx_menu[data-level="0"] > li:last-of-type.menu_active > a {
padding: 6px 18px;
border: none;
}
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu[data-level="0"] > li:last-of-type > a,
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu[data-level="0"] > li:last-of-type.menu_active > a {
background-color: #fff;
color: #f05064;
}
div.modulePrograms .elx5_artbox .elx5_artbox_inner:last-of-type a:before,
div.moduleInitiatives .elx5_artbox .elx5_artbox_inner:last-of-type a:before,
div.moduleCampaigns .elx5_artbox .elx5_artbox_inner:last-of-type a:before,
div.moduleLatestNews .elx5_artbox .elx5_artbox_inner:last-of-type a:before,
a.theme-btn:before,
button.theme-btn:before,
a.mquote_next:before,
a.readmore:before,
nav#tpl5_menu ul.elx_menu > li:last-of-type > a:before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
-webkit-transform: scale(0.2, 1);
transform: scale(0.2, 1);
background-color: #46beb2!important;
}
.elx5_artbox .elx5_artbox_inner:last-of-type a:hover::before,
a.theme-btn:hover::before,
button.theme-btn:hover::before,
a.mquote_next:hover::before,
a.readmore:hover::before,
nav#tpl5_menu ul.elx_menu > li:last-of-type > a:hover::before {
opacity: 1;
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
nav#tpl5_menu ul.elx_menu > li:last-of-type > a:hover::before {
content: "donate";
padding: 6px 18px;
font-size: 16px;
text-transform: lowercase;
color: #fff;
line-height: 30px;
}
a.theme-btn span,
a.readmore span {
z-index: 2;
}
.dropdown .btn,
.dropdown .btn:hover,
.dropdown button,
.dropdown button:hover,
a#viewDocButton,
a#resourcesButton {
color: #f05064;
text-transform: uppercase;
font-weight: bold;
position: relative;
padding: 6px 70px 5px 13px;
font-size: 14px;
width: 278px;
background: transparent;
margin: 13px auto;
}
ul.dir_ul a#downloadButton {
width: 233px;
padding: 7px 70px 5px 13px;
position: relative;
}
a#resourcesButton {
background: #fff;
}
.dropdown .btn::after,
.dropdown button::after,
#downloadButton::after,
#viewDocButton::after,
.btn.tag::after,
.btn.link::after,
.btn.download::after,
.btn.play::after,
#resourcesButton::after {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 20px;
border: 0px;
padding: 5px 22px 0;
border-radius: 19px;
color: white;
position: absolute;
right: 1px;
top: 0;
-webkit-transition: padding 0.4s ease-in-out;
-o-transition: padding 0.4s ease-in-out;
transition: padding 0.4s ease-in-out;
}
.btn.tag.bg-grey.cement::after {
display: none;
pointer-events: none;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
#downloadButton::after {
content: "\f019";
}
#viewDocButton::after {
content: "\f530";
}
#resourcesButton::after {
content: "\f013";
}
.btn.tag::after,
.btn.link::after {
content: "\f138";
padding: 5px 8px 0 0;
}
.btn.link::after {
padding-top: 8px;
}
.btn.download::after,
.btn.play::after {
content: "\f019";
padding: 5px 11px;
}
.btn.play::after {
content: "\f144";
padding: 8px;
}
.btn.tag:hover::after {
padding: 3px 8px 0 0;
}
#downloadButton:hover::after,
#viewDocButton:hover::after,
#resourcesButton:hover::after {
padding: 5px 13px 0;
}
.btn-more {
display: block;
}
.btn-more:after {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f054";
font-size: 0.7rem;
margin-left: 10px;
width: 22px;
height: 22px;
color: #f05064;
line-height: 20px;
border-radius: 50%;
border: solid 1px #f05064;
padding-left: 7px;
padding-right: 6px;
text-align: initial;
}
.btn-more:hover:after {
color:#272727;
border-color: #272727;
}
.columns2 {
-moz-column-count: 2;
-moz-column-gap: 55px;
-webkit-column-count: 2;
-webkit-column-gap: 55px;
column-count: 2;
column-gap: 55px;
}
hr {
height: 2px;
border: 0px;
background-color: #f05064;
width: 100%;
clear: both;
overflow-x: hidden;
margin: 34px 0;
}
div.elx5_article_header div.elx_dateauthor {
color: #fff;
font-weight: 500;
text-align: center;
background: #f05064;
padding: 13px 21px 10px;
border-radius: 21px;
display: inline-block;
margin-bottom: 21px;
}
/*div.elx5_dateauthor time {
position: relative;
color: #5a5a5a;
font-weight: 400;
display: inline-block;
font-size: 15px;
margin: 15px 0;
}*/
.elx5_artbox p { margin:0 0 18px 0; padding:0; font:normal 16px/21px poppins, sans-serif; }
figure.elx5_content_imagebox a { display:block; }
.elx_datetime {
margin:0; padding:0; display:inline-block; text-align:center; font:normal 12px/16px poppins, sans-serif; overflow:hidden; color:#666666;
border:1px solid #BBB; border-radius:4px; text-shadow: 0 1px 0 #fff; box-shadow:inset 0px 1px 0px 0px #fff;
background-color:#fff; background:linear-gradient(to bottom, #ffffff 5%, #E2E2E2 100%);
}
.elx_datetime .wday, .elx_datetime .month, .elx_datetime .year, .elx_datetime .day, .elx_datetime .time {
margin:0; padding:2px 5px 2px 5px; display:block; float:left; font:normal 12px/16px poppins, sans-serif
}
.elx_datetime .day, .elx_datetime .time {
padding:2px 8px 2px 8px; font-weight:bold; color:#444444; background-color:#E2E2E2;
background:linear-gradient(to bottom, #E2E2E2 5%, #C0C0C0 100%);
}
.elx_back { margin:15px 0; padding:0; }
.elx_back a, .elx_back a:visited, .elx_back a:hover {
font: 400 16px/28px poppins, sans-serif; color:#444; text-decoration:none; background:#E2E2E2; margin:0; padding:6px 10px; border:none; text-align:center; border-radius:0;
}
.elx_back a:hover { background-color:#6bafde; color:#fff }
.elx_back a:before { content:'\f053'; font-family:'Font Awesome 6 Free'; margin-right:4px; display: inline-block; vertical-align: middle; font-weight: 900; }
.elx_chain_previous { margin:0 0 5px 0; padding:0; text-align:left; }
.elx_chain_next { margin:0 0 5px 0; padding:0; text-align:right; }
.elx_chain_previous img, .elx_chain_next img { margin:0 0 2px 0; padding:4px; float:none; border:1px solid #CCCCCC; background-color:#fff; width: 120px; height:auto; }
.elx_chain_previous a:hover img, .elx_chain_next a:hover img { border-color:#5a5a5a; }
.elx_chain_previous .elx_chain_title { margin:0 0 2px 0; padding:0; text-align:left; font:normal 13px/16px poppins, sans-serif; color:#5a5a5a; }
.elx_chain_next .elx_chain_title { margin:0 0 2px 0; padding:0; text-align:right; font:normal 13px/16px poppins, sans-serif; color:#5a5a5a; }
.elx_chain_previous a, .elx_chain_next a { font:normal 16px/28px poppins, sans-serif; text-decoration:none; }
/* COMPONENT USER */
#elx5_user_languagebox h3, #elx5_user_timezonebox h3 { margin:0 0 8px 0; }
#elx5_user_languagebox p, #elx5_user_timezonebox p { margin:0 0 8px 0; color:#666666; }
/* ==============================
12. NAVBAR
============================== */
.tpl5_header_top_wrap {
position: fixed;
width: 100%;
z-index: 9998;
}
.tpl5_header_menu_line {
width: 1360px;
margin : 34px auto 0;
padding :0;
background : rgba(255,255,255, 0.8);
white-space: nowrap;
position: relative;
z-index: 999;
border-radius: 55px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
height: 120px;
}
.tpl5_header_menu_line.scrolled.activated,
.tpl5_header_menu_line.scrolleddark.activated,
.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolled.activated,
.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolleddark.activated {
width: 100vw!important;
border-radius: 0;
margin: 0 auto!important;
padding-top: 34px;
height: 100vh!important;
background: rgba(0,0,0,0.85);
}
.tpl5_header_top_wrap.red .tpl5_header_menu_line {
background:rgba(240,78,99, 1);
}
.tpl5_header_menu_line.scrolled,
.tpl5_header_menu_line.scrolleddark,
.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolled,
.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolleddark {
margin: 13px auto 0;
height: 74px;
background: #333;
border: 2px solid #e6e7e8;
}
.tpl5_header_menu_line.scrolled .tpl5_container4,
.tpl5_header_menu_line.scrolleddark .tpl5_container4 {
padding-left: 11px;
}
.tpl5_header_menu_line .tpl5_container4,
.tpl5_menu_wrap,
.tpl5_header_menu_line .tpl5_logo,
.tpl5_header_menu_line .tpl5_logo svg,
.tpl5_header_menu_line ul.elx_menu,
.tpl5_header_menu_line ul.elx_menu li {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.tpl5_header_menu_line.scrolled .tpl5_logo,
.tpl5_header_menu_line.scrolleddark .tpl5_logo {
width: 144px!important;
height: auto!important;
}
.tpl5_header_menu_line.scrolled .tpl5_menu_wrap,
.tpl5_header_menu_line.scrolleddark .tpl5_menu_wrap {
margin: 0 0 0 188px;
}
.tpl5_header_menu_line.scrolled .tpl5_menu,
.tpl5_header_menu_line.scrolleddark .tpl5_menu {
height: auto;
}
.tpl5_header_menu_line.scrolled ul.elx_menu,
.tpl5_header_menu_line.scrolleddark ul.elx_menu {
margin: 8px 0 5px
}
.tpl5_fixedmenu,
.tpl5_fixedmenudark {
position: fixed;
top:0;
left:0;
width: 100%;
max-width: none;
margin: 0;
background: #fff;
text-align: center;
z-index: 1001;
border-radius: 0;
}
nav#tpl5_menu ul.elx_menu > li,
i#search,
i.contactDetails {
font-size: 22px;
color: #f05064;
cursor: pointer;
line-height: 120px;
-webkit-user-select: none; /* Safari */
-ms-user-select: none; /* IE 10 and IE 11 */
user-select: none; /* Standard syntax */
margin-right: 13px;
}
.tpl5_header_top_wrap.red i#search,
.tpl5_header_top_wrap.red i.contactDetails {
color: #fff;
}
i#search:hover,
i.contactDetails:hover,
i#accessibility:hover {
color: #6bafde;
}
.tpl5_header_top_wrap.red i#search:hover,
.tpl5_header_top_wrap.red i.contactDetails:hover {
color: #fde1b1;
}
i.contactDetails.fa-at {
margin-left: 4px;
}
i.contactDetails.fa-circle-xmark {
font-size: 25px;
}
div#accessibility {
background-image: url('https://www.creaworld.site/media/images/icons/accessibility.svg');
height: 44px;
width: 44px;
background-size: contain;
position: fixed;
top: 15px;
right: 21px;
z-index: 9999;
cursor: pointer;
background-color: #fff;
border-radius: 50%;
}
div#accessibility:hover {
filter: invert(100%);
-webkit-filter: invert(100%);
}
.tpl5_header_menu_line.scrolleddark i#search,
.tpl5_header_menu_line.scrolleddark i.contactDetails,
.tpl5_header_menu_line.scrolled i#search,
.tpl5_header_menu_line.scrolled i.contactDetails,
.tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li,
.tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li {
line-height: 74px;
}
.tpl5_logo { overflow:hidden; white-space:nowrap; display:block; float:left; width:236px; height:120px; }
.tpl5_logo a { border:none; text-decoration: none; }
.tpl5_logo svg {
margin-top: 16px;
fill: #f05064;
}
.tpl5_header_top_wrap.red .tpl5_logo svg,
.tpl5_header_menu_line.scrolled .tpl5_logo svg,
.tpl5_header_menu_line.scrolleddark .tpl5_logo svg {
margin-top: 10px;
fill: #fff;
}
.tpl5_header_menu_line.scrolled .tpl5_logo svg:hover,
.tpl5_header_menu_line.scrolleddark .tpl5_logo svg:hover {
fill: #f05064;
}
.tpl5_logo_title { margin:0; padding:9px 0 0 0; box-sizing: border-box; font:normal 26px/28px poppins, sans-serif; color:#97c3f0; overflow:hidden; white-space: nowrap; }
.tpl5_logo_title span { color:#fff }
.tpl5_logo_slogan { margin:0; padding:0 0 9px 0; font:normal 13px/14px poppins, sans-serif; color:#bbbbbb; overflow:hidden; white-space: nowrap; }
.tpl5_menu_wrap { display:block; margin:0 0 0 260px; padding:0; background:transparent; /* overflow: hidden; white-space: nowrap; */ }
div.tpl5_fixedmenu .tpl5_menu_wrap {height: 60px;}
.tpl5_menu {
display:inline;
margin:0;
padding:0;
height:120px;
}
.moduleMainMenu {
position: relative;
z-index: 9998;
}
main.cd-main-content.nav-is-visible .moduleMainMenu {
z-index: 9999;
}
a.logoWhite {
display: none;
}
.cd-main-content, .cd-main-header {
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
}
.cd-main-content, .cd-main-header {
position: relative;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}
@media only screen and (max-width: 1359px) {
.cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
}
/*.cd-main-content {
background-color: rgba(2, 71, 142, 0.8);
min-height: 100vh;
z-index: 2;
}*/
.cd-main-header {
height: 50px;
background: #ffffff;
z-index: 100;
}
.nav-is-fixed .cd-main-header {
/* add .nav-is-fixed class to body if you want a fixed navigation on > 1360px */
position: fixed;
top: 0;
left: 0;
width: 100%;
}
@media only screen and (min-width: 1360px) {
.cd-main-header {
height: 80px;
}
.cd-main-header::after {
clear: both;
content: "";
display: table;
}
}
.cd-logo {
position: absolute;
top: 12px;
left: 5%;
}
.cd-logo img {
display: block;
}
@media only screen and (max-width: 1359px) {
.nav-on-left .cd-logo {
left: auto;
right: 5%;
}
}
@media only screen and (min-width: 1360px) {
.cd-logo {
top: 0;
left: 34px;
}
}
.moduleHeaderButtons {
position: relative;
z-index: 1000;
}
.cd-header-buttons {
position: absolute;
display: inline-block;
top: 16px;
right: 170px;
}
.cd-header-buttons li {
display: inline-block;
margin-right: 10px;
float: right;
}
@media only screen and (max-width: 1359px) {
.nav-on-left .cd-header-buttons {
right: auto;
left: 5%;
right: 160px;
}
.nav-on-left .cd-header-buttons li {
float: right;
}
}
@media only screen and (min-width: 1560px) {
.cd-header-buttons {
margin-bottom: 0;
}
}
a.tpl5_mobmenu {
position: relative;
top: 15px;
display: block;
width: 46px;
height: 46px;
overflow: hidden;
white-space: nowrap;
color: transparent!important;
text-decoration: none;
z-index: 9999;
background: #fff;
border-radius: 50%;
cursor: pointer;
}
.tpl5_mobmenu span, .tpl5_mobmenu span::before, .tpl5_mobmenu span::after {
/* hamburger icon in CSS */
position: absolute;
display: inline-block;
height: 3px;
width: 20px;
background: #f05064;
}
.tpl5_mobmenu span {
/* line in the center */
position: absolute;
top: 50%;
right: 12px;
margin-top: -2px;
-webkit-transition: background 0.3s 0.3s;
-moz-transition: background 0.3s 0.3s;
transition: background 0.3s 0.3s;
}
.tpl5_mobmenu span::before, .tpl5_mobmenu span::after {
/* other 2 lines */
content: '';
right: 0;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: 0% 50%;
-moz-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
-o-transform-origin: 0% 50%;
transform-origin: 0% 50%;
-webkit-transition: -webkit-transform 0.3s 0.3s;
-moz-transition: -moz-transform 0.3s 0.3s;
transition: transform 0.3s 0.3s;
}
.tpl5_mobmenu span::before {
/* menu icon top line */
top: -6px;
}
.tpl5_mobmenu span::after {
/* menu icon bottom line */
top: 6px;
}
.tpl5_mobmenu.nav-is-visible span {
/* hide line in the center */
background: transparent!important;
margin-top: 0;
}
.tpl5_mobmenu.nav-is-visible span::before,
.tpl5_mobmenu.nav-is-visible span::after {
/* keep visible other 2 lines */
background: #f05064;
}
.tpl5_mobmenu.nav-is-visible span::before {
-webkit-transform: translateX(4px) translateY(-5px) rotate(45deg);
-moz-transform: translateX(4px) translateY(-5px) rotate(45deg);
-ms-transform: translateX(4px) translateY(-5px) rotate(45deg);
-o-transform: translateX(4px) translateY(-5px) rotate(45deg);
transform: translateX(4px) translateY(-5px) rotate(45deg);
width: 25px;
}
.tpl5_mobmenu.nav-is-visible span::after {
-webkit-transform: translateX(-3px) translateY(1px) rotate(-45deg);
-moz-transform: translateX(4px) translateY(1px) rotate(-45deg);
-ms-transform: translateX(4px) translateY(1px) rotate(-45deg);
-o-transform: translateX(4px) translateY(1px) rotate(-45deg);
transform: translateX(4px) translateY(1px) rotate(-45deg);
width: 25px;
}
@media only screen and (min-width: 1360px) {
a.tpl5_mobmenu {
display: none;
}
}
nav#tpl5_menu ul.elx_menu,
nav#tpl5_menu ul.elx_menu ul {
position: fixed;
top: 0;
right: 0;
height: 100%;
width: 100%;
background-color: rgba(240,80,100,0.94);
/* overflow: auto; */
overflow: hidden;
-webkit-overflow-scrolling: touch;
z-index: 1;
/* Force Hardware Acceleration in WebKit */
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
padding: 0;
}
nav#tpl5_menu ul.elx_menu ul {
top: 0;
border: none;
}
nav#tpl5_menu ul.elx_menu a,
nav#tpl5_menu ul.elx_menu ul a {
display: block;
text-decoration: none;
font-weight: 500;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
will-change: transform, opacity;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s, color 0.3s;
}
nav#tpl5_menu ul.elx_menu a:hover,
nav#tpl5_menu ul.elx_menu ul a:hover {
color: #fde1b1;
}
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a:hover::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a:hover::after,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a.selected::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a.selected::after,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li > a:hover::before,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li > a:hover::after,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li > a:hover::before,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li > a:hover::after {
background: #f05064;
}
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a:hover::before,
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a:hover::after,
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a.selected::before,
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a.selected::after {
background: #fde1b1;
}
nav#tpl5_menu ul.elx_menu.is-hidden,
nav#tpl5_menu ul.elx_menu ul.is-hidden {
/* secondary navigations hidden by default */
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
nav#tpl5_menu ul.elx_menu.moves-out > li > a,
nav#tpl5_menu ul.elx_menu ul.moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
}
nav#tpl5_menu ul.elx_menu .cd-nav-gallery .cd-nav-item h3,
nav#tpl5_menu ul.elx_menu .cd-nav-icons .cd-nav-item h3 {
overflow: hidden;
text-overflow: ellipsis;
}
nav#tpl5_menu ul.elx_menu .cd-nav-gallery .cd-nav-item {
padding-left: 90px;
}
nav#tpl5_menu ul.elx_menu .cd-nav-gallery .cd-nav-item img {
position: absolute;
display: block;
height: 40px;
width: auto;
left: 20px;
top: 50%;
margin-top: -20px;
}
nav#tpl5_menu ul.elx_menu .cd-nav-icons .cd-nav-item p {
color: #000;
font-size: 1.3rem;
/* hide description on small devices */
display: none;
}
@media only screen and (min-width: 1560px) {
nav#tpl5_menu ul.elx_menu > li {
margin-left: 21px;
}
}
@media only screen and (min-width: 1360px) and (max-width: 1559px) {
nav#tpl5_menu ul.elx_menu > li > a {
font-size: 18px;
}
ul.langdrop {
width: 120px;
}
.cd-header-buttons {
right: 140px;
}
nav#tpl5_menu ul.elx_menu {
padding-right: 55px!important;
}
}
@media only screen and (max-width: 1559px) {
ul.langdrop a {
font-size: 16px;
font-weight: 500;
}
}
@media only screen and (max-width: 1359px) {
nav#tpl5_menu ul.elx_menu {
/* by default ul.elx_menu is hidden - trick for iOS devices where you can see the navigation if you pull down */
visibility: hidden;
}
nav#tpl5_menu ul.elx_menu.nav-is-visible,
nav#tpl5_menu ul.elx_menu.nav-is-visible ul {
visibility: visible;
/*-webkit-transition: visibility 0s 0s;
-moz-transition: visibility 0s 0s;
transition: visibility 0s 0s;*/
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0;
}
nav#tpl5_menu ul.elx_menu.nav-is-visible ul ul[data-level="2"] {
transform: translateX(0);
width: auto;
height: auto;
position: relative;
}
nav#tpl5_menu ul.elx_menu.nav-is-visible ul ul ul[data-level="3"],
nav#tpl5_menu ul.elx_menu.nav-is-visible ul ul[data-level="2"] li.menu_separator,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="subs"] > a::before, nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="subs"] > a::after {
display: none;
}
nav#tpl5_menu ul.elx_menu.nav-is-visible li {
font-size: 28px;
margin-bottom: 13px;
text-align: center;
}
nav#tpl5_menu ul.elx_menu li[data-level1="subs"] > a {
pointer-events: none;
cursor: default;
}
nav#tpl5_menu ul.elx_menu.nav-is-visible ul ul[data-level="2"] li {
font-size: 20px;
margin-bottom: 6px;
}
nav#tpl5_menu ul.elx_menu.nav-is-visible ul ul[data-level="2"] li a {
font-weight: 500;
}
nav#tpl5_menu ul.elx_menu.nav-is-visible a,
nav#tpl5_menu ul.elx_menu.nav-is-visible ul a {
height: auto;
line-height: 1.1;
position: relative;
}
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] a::after {
left: 0!important;
}
}
@media only screen and (min-width: 1360px) {
nav#tpl5_menu ul.elx_menu {
position: relative;
height: auto;
width: auto;
overflow: visible;
background: transparent;
border: none;
margin: 0;
}
/*nav#tpl5_menu ul.elx_menu::after {
clear: both;
content: "";
display: table;
}*/
nav#tpl5_menu ul.elx_menu.moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.cd-primary-nav ul,
nav#tpl5_menu ul.elx_menu ul[data-level="1"],
nav#tpl5_menu ul.elx_menu ul[data-level="2"] {
position: relative;
height: auto;
width: auto;
background: transparent;
overflow: visible;
}
.cd-secondary-nav ul ul.is-hidden,
nav#tpl5_menu ul.elx_menu ul[data-level="2"].is-hidden {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 0;
}
nav#tpl5_menu ul.elx_menu ul.moves-out > li > a,
nav#tpl5_menu ul.elx_menu ul[data-level="1"].moves-out > li > a {
/* reset mobile style */
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
nav#tpl5_menu ul.elx_menu > li {
float: left;
}
nav#tpl5_menu ul.elx_menu > li > a {
/* main navigation buttons style */
position: relative;
display: inline-block;
padding: 0 10px;
overflow: visible;
border-bottom: none;
-webkit-transition: color 0.3s, box-shadow 0.3s;
-moz-transition: color 0.3s, box-shadow 0.3s;
transition: color 0.3s, box-shadow 0.3s;
font:bold 20px/26px poppins, sans-serif;
color: #000;
margin:0 1px 0 -4px;
text-transform: lowercase;
border: 1px solid transparent;
}
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu[data-level="0"] > li > a,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li > a,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li > a {
color:#fff;
}
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu[data-level="0"] > li > a:hover,
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu[data-level="0"] > li > a.selected {
color: #fde1b1;
}
nav#tpl5_menu ul.elx_menu > li > a:hover {
color: #f05064;
}
nav#tpl5_menu ul.elx_menu > li > a.selected {
color: #f05064;
box-shadow: inset 0 -2px 0 #f05064;
}
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu > li > a:hover,
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu > li > a.selected{
color: #fde1b1;
box-shadow: inset 0 -2px 0 #fde1b1;
}
ul.elx_menu .go-back,
ul.elx_menu .see-all,
nav#tpl5_menu ul.elx_menu .menu_separator[data-level1="nosubs"],
nav#tpl5_menu ul.elx_menu .menu_separator[data-level2="nosubs"] {
display: none;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav,
ul.elx_menu .cd-nav-gallery,
ul.elx_menu .cd-nav-icons,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] {
position: absolute;
top: 120px;
left: auto;
right: auto;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
div.tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu ul[data-level="1"],
div.tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu ul[data-level="1"] {
top: 72px;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav::after,
ul.elx_menu .cd-nav-gallery::after,
ul.elx_menu .cd-nav-icons::after,
nav#tpl5_menu ul.elx_menu ul[data-level="1"]::after {
clear: both;
content: "";
display: table;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav.is-hidden,
nav#tpl5_menu ul.elx_menu .cd-nav-gallery.is-hidden,
nav#tpl5_menu ul.elx_menu .cd-nav-icons.is-hidden,
nav#tpl5_menu ul.elx_menu ul[data-level="1"].is-hidden,
nav#tpl5_menu ul.elx_menu ul[data-level="1"].is-hidden ul {
opacity: 0;
visibility: hidden;
height: 0;
pointer-events:none;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav > .see-all,
nav#tpl5_menu ul.elx_menu .cd-nav-gallery > .see-all,
nav#tpl5_menu ul.elx_menu .cd-nav-icons > .see-all,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] > .see-all {
/* this is the BIG See all button at the bottom of the dropdown menu */
display: none;
position: absolute;
left: 0;
bottom: 0;
height: 80px;
width: 100%;
overflow: hidden;
/* reset some inherited style */
margin: 0;
padding: 0;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav > .see-all a,
nav#tpl5_menu ul.elx_menu .cd-nav-gallery > .see-all a,
nav#tpl5_menu ul.elx_menu .cd-nav-icons > .see-all a,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] > .see-all a {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
line-height: 80px;
/* reset some inherited style */
border-bottom: none;
margin: 0;
padding: 0;
-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
-moz-transition: color 0.2s, background 0.2s, border 0.2s;
transition: color 0.2s, background 0.2s, border 0.2s;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav > .see-all a:hover,
nav#tpl5_menu ul.elx_menu .cd-nav-gallery > .see-all a:hover,
nav#tpl5_menu ul.elx_menu .cd-nav-icons > .see-all a:hover,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] > .see-all a:hover {
background: #fde1b1;
color: #f05064;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav > li,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] > li,
nav#tpl5_menu ul.elx_menu ul[data-level="2"] > li {
height: auto;
margin-bottom: 13px;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav > li:nth-child(4n+2),
nav#tpl5_menu ul.elx_menu ul[data-level="1"] > li:nth-child(4n+2) {
/* +2 because we have 2 list items with display:none */
margin-right: 0;
border-right: none;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav > li > a,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] > li > a,
.elx_menu ul[data-level="2"] li a {
color: #fff;
font-weight: bold;
font-size: 18px;
background: #f05064;
border-radius: 34px;
border: 1px solid transparent;
margin:0;
line-height: 44px;
height: 44px;
padding: 0 13px;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav > li > a.selected,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] > li > a.selected,
.elx_menu ul[data-level="2"] li a.selected {
background: #46beb2;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav a:hover,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] a:hover,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] a:active,
nav#tpl5_menu ul.elx_menu ul[data-level="1"] a:focus,
.elx_menu ul[data-level="2"] li a {
background-color:#46beb2;
color: #fff;
border: 1px solid #fff;
transition: all .5s .1s ease;
outline: none;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav ul,
nav#tpl5_menu ul.elx_menu ul[data-level="2"] {
-webkit-transform: translateX(106%);
-moz-transform: translateX(106%);
-ms-transform: translateX(106%);
-o-transform: translateX(106%);
transform: translateX(106%);
padding-left: 0;
padding-top: 0;
margin-top: 0;
position: relative;
top: -44px;
left: 0;
z-index: -1;
height: 0;
opacity: 1;
}
/*nav#tpl5_menu ul.elx_menu ul[data-level="1"] li:hover > ul {
opacity: 1;
visibility: visible;
}*/
nav#tpl5_menu ul.elx_menu .cd-secondary-nav ul ul,
nav#tpl5_menu ul.elx_menu ul[data-level="3"] {
/* tertiary navigation */
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
display: none;
}
nav#tpl5_menu ul.elx_menu .cd-secondary-nav .moves-out > li > a {
/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
nav#tpl5_menu ul.elx_menu .cd-nav-gallery li {
/* set here number of columns - use width percentage */
width: 22%;
float: left;
margin: 0 4% 40px 0;
}
ul.elx_menu .cd-nav-gallery li:nth-child(4n+2) {
/* +2 because we have two additional list items with display:none */
margin-right: 0;
}
nav#tpl5_menu ul.elx_menu .cd-nav-gallery .cd-nav-item {
border-bottom: none;
padding: 0;
height: auto;
line-height: 1.2;
}
nav#tpl5_menu ul.elx_menu .cd-nav-gallery .cd-nav-item img {
position: static;
margin-top: 0;
height: auto;
width: 100%;
margin-bottom: .6em;
border-radius: 21px;
}
nav#tpl5_menu ul.elx_menu .cd-nav-gallery .cd-nav-item h3 {
color: #fff;
font-weight: bold;
font-size: 20px;
}
nav#tpl5_menu ul.elx_menu .cd-nav-icons li {
/* set here number of columns - use width percentage
width: 23%;
float: left;
margin: 0 2% 20px 0;*/
}
/*ul.elx_menu .cd-nav-icons li:nth-child(3n+2) {
/* +2 because we have two additional list items with display:none
margin-right: 0;
}*/
nav#tpl5_menu ul.elx_menu .cd-nav-icons .cd-nav-item {
line-height: 1.2;
position: relative;
}
nav#tpl5_menu ul.elx_menu .cd-nav-icons .cd-nav-item a:hover {
color: #fde1b1;
}
nav#tpl5_menu ul.elx_menu .cd-nav-icons .cd-nav-item h3 {
color: #f05064;
font-weight: bold;
}
nav#tpl5_menu ul.elx_menu .cd-nav-icons .cd-nav-item p {
display: block;
}
}
.has-children > a,
.go-back a,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a,
nav#tpl5_menu ul.elx_menu li[data-level1="subs"] > a {
position: relative;
}
.has-children > a::before, .has-children > a::after,
.go-back a::before, .go-back a::after,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::after,
nav#tpl5_menu ul.elx_menu li.menu_separator > a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator > a::after {
/* arrow icon in CSS - for element with nested unordered lists */
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
display: inline-block;
height: 2px;
width: 10px;
background: #000;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="subs"] > a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="subs"] > a::after,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] > a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] > a::after {
background: #fff;
}
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::before,
.tpl5_header_top_wrap.red nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::after,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li > a::before,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li > a::after,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li > a::before,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li > a::after {
background: #fff;
}
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li > a:hover,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled nav#tpl5_menu ul.elx_menu > li > a:hover,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li > a:hover,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark nav#tpl5_menu ul.elx_menu > li > a:hover {
color: #f05064;
}
.has-children > a::before,
.go-back a::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator > a::before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.has-children > a::after,
.go-back a::after,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::after,
nav#tpl5_menu ul.elx_menu li.menu_separator > a::after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.has-children > a,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a {
padding-right: 40px;
}
.has-children > a::before,
.has-children > a::after,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::after,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="subs"] > a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="subs"] > a::after {
/* arrow goes on the right side - children navigation */
right: 20px;
-webkit-transform-origin: 9px 50%;
-moz-transform-origin: 9px 50%;
-ms-transform-origin: 9px 50%;
-o-transform-origin: 9px 50%;
transform-origin: 9px 50%;
}
ul.elx_menu .go-back a,
ul.elx_menu .menu_separator[data-level1="nosubs"] a,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] a {
padding-left: 20px;
font-weight: 500;
text-indent: -9999px;
overflow: visible!important;
}
ul.elx_menu .go-back a::before,
ul.elx_menu .go-back a::after,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] a::after,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level2="nosubs"] a::before,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level2="nosubs"] a::after {
/* arrow goes on the left side - go back button */
left: 20px;
-webkit-transform-origin: 1px 50%;
-moz-transform-origin: 1px 50%;
-ms-transform-origin: 1px 50%;
-o-transform-origin: 1px 50%;
transform-origin: 1px 50%;
}
@media only screen and (min-width: 1360px) {
.has-children > a::before,
.has-children > a::after,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::after {
right: 15%;
}
.cd-primary-nav > .has-children > a,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a {
/* main navigation arrows on larger devices */
padding-right: 30px !important;
}
.cd-primary-nav > .has-children > a::before,
.cd-primary-nav > .has-children > a::after,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::after {
width: 9px;
-webkit-transform-origin: 50% 50%;
-moz-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width 0.3s, -webkit-transform 0.3s;
-moz-transition: width 0.3s, -moz-transform 0.3s;
transition: width 0.3s, transform 0.3s;
}
.cd-primary-nav > .has-children > a::before,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::before {
right: 12px;
}
.cd-primary-nav > .has-children > a::after,
nav#tpl5_menu ul.elx_menu li[data-level0="subs"] > a::after {
right: 7px;
}
.cd-primary-nav > .has-children > a.selected::before,
.cd-primary-nav > .has-children > a.selected::after,
nav#tpl5_menu ul.elx_menu > [data-level0="subs"] > a.selected::before,
nav#tpl5_menu ul.elx_menu > [data-level0="subs"] > a.selected::after {
width: 14px;
}
.cd-primary-nav > .has-children > a.selected::before,
nav#tpl5_menu ul.elx_menu > [data-level0="subs"] > a.selected::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.cd-primary-nav > .has-children > a.selected::after,
nav#tpl5_menu ul.elx_menu > [data-level0="subs"] > a.selected::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.cd-secondary-nav > .has-children > a::before,
.cd-secondary-nav > .has-children > a::after {
/* remove arrows on secondary nav titles */
display: none;
}
ul.elx_menu .go-back a,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level1="nosubs"] a,
nav#tpl5_menu ul.elx_menu li.menu_separator[data-level2="nosubs"] a {
padding-left: 20px;
}
ul.elx_menu .go-back a::before,
ul.elx_menu .go-back a::after,
nav#tpl5_menu ul.elx_menu .menu_separator[data-level1="nosubs"] a::before,
nav#tpl5_menu ul.elx_menu .menu_separator[data-level1="nosubs"] a::after,
nav#tpl5_menu ul.elx_menu .menu_separator[data-level2="nosubs"] a::before,
nav#tpl5_menu ul.elx_menu .menu_separator[data-level2="nosubs"] a::after {
left: 1px;
}
}
a.cd-search-trigger {
background: #fde1b1;
color: #fff;
width: 40px;
height: 40px;
display: block;
overflow: hidden;
text-align: center;
padding-top: 6px;
border-radius: 50%;
position: relative;
z-index: 9998;
}
/*@media only screen and (min-width: 1360px) {
a.cd-search-trigger {
font-size: 144%;
text-align: right;
padding-top: 0;
}
}*/
a.cd-search-trigger:hover,
.tpl5_mobmenu:hover {
background: #f05064;
}
.tpl5_mobmenu:hover span,
.tpl5_mobmenu:hover span::before,
.tpl5_mobmenu:hover span::after {
background: #46bdb2;
}
.cd-search {
height: 100%;
width: 100%;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
background-color: rgba(240,80,100,0.94);
opacity: 0;
visibility: hidden;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.searchOverlayContent {
position: relative;
top: 46%;
width: 80%;
text-align: center;
margin-top: 30px;
margin: auto;
}
.searchOverlay .closebtn {
position: absolute;
top: 20px;
right: 45px;
font-size: 60px;
cursor: pointer;
color: white;
}
.searchOverlay .closebtn:hover,
.tpl5_mobmenu.nav-is-visible:hover {
color: #f7b2b7;
}
.searchOverlay input[type=text] {
padding: 15px;
font-size: 34px;
border-radius: 34px;
}
.searchOverlay input[type=text]:hover,
.cd-search input:focus {
background: #f7b2b7;
color: #f05064;
cursor: text;
}
.searchOverlay button {
float: left;
width: 20%;
padding: 15px;
background: #ddd;
font-size: 17px;
border: none;
cursor: pointer;
}
.searchOverlay button:hover {
background: #bbb;
}
.cd-search form {
height: 100%;
width: 100%;
}
.cd-search input,
input.elx_modsearch_input,
input.elx_modsearch_input:focus,
input.elx_modsearch_input:hover {
border: none;
background: #fff;
height: 100%;
width: 100%;
box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.cd-search input::-webkit-input-placeholder {
color: rgba(240,80,100,0.5);
}
.cd-search input::-moz-placeholder {
color: rgba(240,80,100,0.5);
}
.cd-search input:-moz-placeholder {
color: rgba(240,80,100,0.5);
}
.cd-search input:-ms-input-placeholder {
color: rgba(240,80,100,0.5);
}
.cd-search.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.nav-is-fixed .cd-search {
position: fixed;
}
.cd-overlay {
/* shadow layer visible when navigation is active */
position: fixed;
z-index: 2;
height: 100%;
width: 100%;
top: 0;
left: 0;
cursor: pointer;
background-color: rgba(2, 71, 142, 0.8);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.cd-overlay.is-visible {
opacity: 1;
visibility: visible;
-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1359px) {
.cd-overlay.is-visible {
-webkit-transform: translateX(-260px);
-moz-transform: translateX(-260px);
-ms-transform: translateX(-260px);
-o-transform: translateX(-260px);
transform: translateX(-260px);
}
.nav-on-left .cd-overlay.is-visible {
-webkit-transform: translateX(260px);
-moz-transform: translateX(260px);
-ms-transform: translateX(260px);
-o-transform: translateX(260px);
transform: translateX(260px);
}
.cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
/* --------------------------------
support for no js
-------------------------------- */
nav#tpl5_menu .no-js ul.elx_menu {
position: relative;
height: auto;
width: 100%;
overflow: visible;
visibility: visible;
z-index: 2;
}
.no-js .cd-search {
position: relative;
top: 0;
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1360px) {
nav#tpl5_menu .no-js ul.elx_menu {
position: absolute;
z-index: 3;
display: inline-block;
width: auto;
top: 0;
right: 76px;
padding: 0;
}
nav#tpl5_menu .no-js .nav-is-fixed ul.elx_menu {
position: fixed;
}
}
div.tpl5_search_magn {
display:none;
}
.search-box, div.tpl5_search_box {
margin-right: 55px;
height: 55px;
max-height: 55px;
}
div.tpl5_search_box {
float: left;
width: 300px;
}
div.tpl5_lang_box {
float:right;
}
.search-box form, div.tpl5_search_box form {
width: 100%;
height: 55px;
border: none;
background-color: transparent;
}
.search-box form input, div.tpl5_search_box input {
border: none;
outline: none;
text-transform: none;
background-color: #f05064;
width: 80%!important;
float: left;
line-height: 55px;
color: #ffffff;
font-size: 18px;
font-weight: 300;
padding: 2px 8px 2px 20px;
height: 100%;
-moz-box-shadow: inset 0 0 3px #000;
-webkit-box-shadow: inset 0 0 3px #000;
box-shadow: inset 0 0 3px #000;
}
div.tpl5_search_box input {
height: 55px;
}
.search-box form input::-webkit-input-placeholder, div.tpl5_search_box form input::-webkit-input-placeholder {
color: #fff;
}
.search-box form input:-moz-placeholder, div.tpl5_search_box form input:-moz-placeholder {
/* Firefox 18- */
color: #fff;
}
.search-box form input::-moz-placeholder, div.tpl5_search_box form input::-moz-placeholder {
/* Firefox 19+ */
color: #fff;
}
.search-box form input:-ms-input-placeholder, div.tpl5_search_box form input:-ms-input-placeholder {
color: #fff;
}
.search-box form button,
div.tpl5_search_box form button {
outline: none;
border: none;
margin: 0;
width: 50px;
height: 100%;
color: #fff;
float: right;
}
div.tpl5_search_box form button {
float: left;
background: #f05064;
}
/*input.elx_modsearch_input:hover, input.elx_modsearch_input:focus, input.tpl5_search_input:hover, input.tpl5_search_input:focus {
width: 80%!important;
background: inherit;
padding: 2px 8px 2px 20px;
color: #fff;
-moz-box-shadow: inset 0 0 8px #000;
-webkit-box-shadow: inset 0 0 8px #000;
box-shadow: inset 0 0 8px #000;
}*/
.search-box form button:hover, div.tpl5_search_box form button:hover {
background: #fff;
}
.search-box form button:hover i, div.tpl5_search_box form button:hover i {
color: #e54d42;
}
/* ==============================
FOOTER MENU
============================== */
.tpl5_footer_menu {
margin: 34px 0 13px;
padding:0;
text-align:center;
}
.tpl5_footer_menu .elx_menu { margin:0; text-align:center; }
.tpl5_footer_menu .elx_menu li { margin:0 20px 5px 0; padding:0; display:inline-block; list-style:none; }
.tpl5_footer_menu .elx_menu li a, .tpl5_footer_menu .elx_menu li a:visited, .tpl5_footer_menu .elx_menu li a:hover,
.tpl5_footer_menu .elx_menu > li.menu_active > a {
margin:0; padding:6px; border:none; display:inline; font:normal 16px/28px poppins, sans-serif; color:#efefef;
text-decoration:none; outline:none; background:none; text-transform: lowercase;
}
.tpl5_footer_menu .elx_menu li a:hover, .tpl5_footer_menu .elx_menu > li.menu_active > a:hover {
color:#fde1b1; background:none; border:none;
}
.tpl5_footer_menu .elx_menu ul { display:none; visibility:hidden; }
.tpl5_footer_menu .elx_menu li:hover > ul { display:none; visibility:hidden; }
/***** MODULES & PLUGINS **********/
/** generic modules **/
.module { margin:0; padding:0; }
.gridccol .module { margin-bottom:10px; }
.tpl5_sidecol .module { margin:0 0 30px 0; padding:15px; background:#f5f8fa; border-radius:0; border: 1px solid rgba(0, 0, 0, 0.125); }
.tpl5_sidecol .module h3 {
margin:0 0 15px 0; padding:0; font:normal 22px/27px poppins, sans-serif; font-weight: 300; color:#000; letter-spacing:0px;
}
.tpl5_fmods .module { padding: 10px; }
.tpl5_fmods .module h3 { color:#fff }
.tpl5_fmods .module p, .tpl5_fmods .module div, .tpl5_fmods .module span { color:#E2E2E2; }
.tpl5_fmods .module_footcomp { padding: 10px; }
.tpl5_fmods .module_footcomp h3 { color:#fff }
.tpl5_fmods .module_footcomp h3:before { content: '\f2bc'; font-family:'Font Awesome 6 Free'; display:inline-block; margin-right:8px; vertical-align: middle; font-weight: 900; }
.tpl5_fmods .module_footcomp p { margin:0 0 6px 0; padding:0; color:#E2E2E2; }
.tpl5_fmods .module_footcomp div { text-align:center; }
.tpl5_fmods .module_footcomp div img { max-width:100%; height:auto; }
.tpl5_fmods .module_footuse { padding: 10px; }
.tpl5_fmods .module_footuse h3 { color:#fff }
.tpl5_fmods .module_footuse h3:before { content: '\f0c1'; font-family:'Font Awesome 6 Free'; display:inline-block; margin-right:8px; vertical-align: middle; font-weight: 900; }
ul.tpl5_footmenu { margin:0; padding:0; list-style:none; }
ul.tpl5_footmenu li { margin:0 0 3px 0; padding:0; list-style:none; display:block; width:100%; text-indent:0; }
ul.tpl5_footmenu li a, ul.tpl5_footmenu li a:hover, ul.tpl5_footmenu li a:visited { margin:0; padding:0; display:block; color:#D2D2D2; text-decoration:none; border:none; }
ul.tpl5_footmenu li a:hover { color:#fff }
ul.tpl5_footmenu li a:before { content: '\f0da'; font-family:'Font Awesome 6 Free'; display:inline-block; margin-right:5px; vertical-align: middle; font-weight: 900; }
.tpl5_fmods .module_footsocial { padding: 10px; }
.tpl5_fmods .module_footsocial h3 { color:#fff }
.tpl5_fmods .module_footsocial h3:before { content: '\f1e0'; font-family:'Font Awesome 6 Free'; display:inline-block; margin-right:8px; vertical-align: middle; font-weight: 900; }
ul.tpl5_footimenu { margin:0; padding:0; list-style:none; }
ul.tpl5_footimenu li { margin:0 0 6px 0; padding:0; list-style:none; display:block; width:100%; text-indent:0; }
ul.tpl5_footimenu li a, ul.tpl5_footimenu li a:hover, ul.tpl5_footimenu li a:visited {
margin:0; padding:0; display:block; color:#D2D2D2; text-decoration:none; border:none; font-size: 15px; line-height:19px;
}
ul.tpl5_footimenu li a:hover { color:#fff }
/* five login (instead of module login) */
.tpl5_logout_wrap, .tpl5_login_wrap { padding:5px 0; text-align:right; overflow:hidden; word-wrap: nowrap; }
a.tpl5_logout { display:block; margin:0; padding:0; width:40px; float:right; text-align:center; text-decoration: none; border:none; font-size:20px; line-height:20px; color:#5a5a5a; }
a.tpl5_logout_prof {
margin:0 45px 0 0; padding:0; display:block; word-wrap: nowrap; overflow: hidden; text-decoration: none; border:none; text-overflow: ellipsis;
font:normal 14px/20px poppins, sans-serif; color:#5a5a5a;
}
a.tpl5_logout_prof img { margin:0; padding:0; width:20px; height:20px; border:1px solid #5a5a5a; vertical-align: middle; border-radius:50%; }
a.tpl5_login, a.tpl5_login:visited, a.tpl5_login:hover {
margin:0; padding:0; display:block; word-wrap: nowrap; overflow: hidden; text-decoration: none; border:none; text-overflow: ellipsis;
font:normal 14px/20px poppins, sans-serif; color:#5a5a5a;
}
a.tpl5_logout:hover, a.tpl5_logout_prof:hover, a.tpl5_login:hover { color:#fff }
a.tpl5_logout_prof:hover img { border-color:#fff }
.tpl5_regprompt { margin:15px 0; padding:0; text-align:center; font:normal 14px/18px poppins, sans-serif; color:#666666; }
.tpl5_regprompt a, .tpl5_regprompt a:visited, .tpl5_regprompt a:hover {
display:inline; border:none; text-decoration: none; font:normal 14px/18px poppins, sans-serif; color: #4088CB;
}
.tpl5_regprompt a:hover { text-decoration: underline; }
/* five search (instead of module search) */
form.tpl5_searchform { display:block; width:100%; font:normal 14px/20px poppins, sans-serif; color:#fff }
.tpl5_search_magn { font-size:16px; line-height:30px; color:#efefef; width:25px; float:left; text-align:center; }
form.tpl5_searchform:hover .tpl5_search_magn { color:#fff }
.tpl5_search_in { width:100%; padding-left:30px; }
input.tpl5_search_input, input[type=text].tpl5_search_input, input.tpl5_search_input:hover, input.tpl5_search_input:focus {
margin:0; padding:5px 8px; display:inline-block; width:100%; border:none; background:#666666; background:transparent;
font:normal 16px/28px poppins, sans-serif; color:#fff
}
input.tpl5_search_input:focus { background:#333; }
button.tpl5_search_btn, button[type=submit].tpl5_search_btn { margin:0; padding:0; display:none; visibility:hidden; }
/* five language selector (instead of module language) */
.tpl5_lang_box { width:90px; float: right; overflow:hidden; white-space: nowrap; text-align:right; vertical-align:middle; font: 16px/28px poppins, sans-serif, sans-serif; }
.tpl5_lang_box img { margin:0; padding:0; border:none; vertical-align:middle; width:26px; height:26px; filter: grayscale(100%); }
.tpl5_lang_box:hover img { filter: none; }
form.tpl5_lang_form { margin:0; padding:0; display:block; font: 16px/28px poppins, sans-serif, sans-serif; }
select.tpl5_select_lang {
margin:0; padding:5px 3px; display:inline-block; color: #333333; border:none; border-radius:0;
font: 16px/28px poppins, sans-serif, sans-serif; background: rgba(255, 255, 255, 0.5);
}
select.tpl5_select_lang option { background:#fff }
select.tpl5_select_lang:hover { background: rgba(255, 255, 255, 0.7); border:none; color:#333333; }
select.tpl5_select_lang:focus { background: rgba(255, 255, 255, 0.7); border:none; color:#333333; outline:none; }
/***** module login *****/
input.elx5_modlogin_uname, input[type="text"].elx5_modlogin_uname { background: #FFFFFF url('user.png') 2px -7px no-repeat; padding-left:22px; }
input.elx5_modlogin_uname:focus, input[type="text"].elx5_modlogin_uname:focus { background: #FFFFFF url('user.png') 2px -47px no-repeat; padding-left:22px; }
input.elx5_modlogin_pword, input[type="password"].elx5_modlogin_pword { background: #FFFFFF url('lock.png') 2px -7px no-repeat; padding-left:22px; }
input.elx5_modlogin_pword:focus, input[type="password"].elx5_modlogin_pword:focus { background: #FFFFFF url('lock.png') 2px -47px no-repeat; padding-left:22px; }
.elx5_modlogin_linksbox { margin:15px 0; padding:0; }
.elx5_modlogin_linksbox a, .elx5_modlogin_linksbox a:visited, .elx5_modlogin_linksbox a:hover {
display:block; margin:0 0 7px 0; padding:2px 10px; border:none; background: #E2E2E2; border-radius: 3px; color:#666666; font:normal 14px/18px poppins, sans-serif;
}
.elx5_modlogin_linksbox a:hover { background: #6bafde; color:#fff }
.elx5_modlogin_authbox { margin:5px 0; padding:0; }
.elx5_modlogin_authbox p { margin:0 0 10px 0; padding:0; font:normal 12px/16px poppins, sans-serif; color:#666666; }
a.elx5_modlogin_profile, a.elx5_modlogin_profile:visited, a.elx5_modlogin_profile:hover, a.elx5_modlogin_profile:link, a.elx5_modlogin_profile:active {
margin:0 0 3px 0; padding:0; border:none; text-decoration:none; color:#555555; font:bold 16px/20px poppins, sans-serif; text-align:left;
}
a.elx5_modlogin_profile:hover{ color:#2971CC; }
.elx5_modlogin_group, .elx5_modlogin_online, .elx5_modlogin_method { margin:0 0 1px 0; font:normal 13px/16px poppins, sans-serif; color:#727272; display:block; }
a.elx5_modlogin_logout, a.elx5_modlogin_logout:visited, a.elx5_modlogin_logout:hover {
display:inline-block; margin:5px 0; padding:3px 10px; border:none; text-decoration:none; font:normal 14px/19px poppins, sans-serif; color:#fff; background:#444444;
border-radius:3px; text-align:center;
}
a.elx5_modlogin_logout:hover { background-color:#2971CC; }
a.elx5_modlogin_logout:before { content:'\f2f5'; font-family:'Font Awesome 6 Free'; display:inline-block; margin-right:4px; vertical-align: middle; font-weight: 900; }
.elx5_modlogin_pretext, .elx5_modlogin_posttext { margin:0 0 10px 0; padding:0; font:normal 14px/18px poppins, sans-serif; color:#727272; }
a.tpl5_to_top, a.tpl5_to_top:visited, a.tpl5_to_top:hover {
position:fixed;
bottom: 13px;
right: 13px;
width: 44px;
height: 44px;
margin:0;
padding: 10px;
display: none;
cursor: pointer;
background: #a8a8a8;
background: rgba(90,90,90, 0.6);
color: #fff;
font-size: 21px;
line-height: 21px;
text-align: center;
border-radius: 50%;
}
a.tpl5_to_top:hover {
background: #46beb2;
}
/* ==============================
MEDIA QUERIES
==============================*/
@media only screen and (max-width:1359px) {
.tpl5_header_menu_line,
.tpl5_header_menu_line.scrolled,
.tpl5_header_menu_line.scrolleddark,
.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolled,
.tpl5_header_top_wrap.red .tpl5_header_menu_line.scrolleddark {
margin: 0;
border-radius: 0;
border: none;
width: 100%;
height: 74px;
}
.tpl5_header_menu_line .tpl5_logo,
.tpl5_header_menu_line.scrolled .tpl5_logo,
.tpl5_header_menu_line.scrolleddark .tpl5_logo {
width: 144px !important;
height: auto !important;
}
div.tpl5_header_top_wrap .tpl5_header_menu_line form.elx_modsearchform,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolled form.elx_modsearchform,
div.tpl5_header_top_wrap .tpl5_header_menu_line.scrolleddark form.elx_modsearchform {
line-height: 64px;
left: 180px;
right: 64px;
}
nav.tpl5_menu {
position: absolute;
right: 144px;
}
.tpl5_slider {
height: auto;
}
.tpl5_pathwrap {
top: 101px;
}
div.elx_article_page {
padding-top: 89px;
}
figure.elx5_category_figure,
figure.elx5_content_imagebox.elx5_content_imageboxlr {
width: 100%;
}
figure.elx5_category_figure {
margin-left: 0;
}
body:not(.innerpage) figure.elx5_category_figure img,
body:not(.innerpage) figure.elx5_content_imagebox.elx5_content_imageboxlr img {
width: 50%;
margin: 0 auto;
display: block;
}
.modulefeaturedVideo {
padding-top: 55px;
padding-bottom: 0;
}
.modulefeaturedVideo div.content-column,
.modulefeaturedVideo .image-column {
width: 80%;
margin: 0 10%;
}
div.leanback-player-video {
width: 100% !important;
margin: 34px 0;
}
}
@media only screen and (max-width:1199px) {
.glide__arrows {
display: none;
}
.tpl5_slidertitle {
display:none;
animation: none;
}
.tpl5_captionswrap {
position: relative;
bottom: 0;
z-index: 12;
left: 5%;
max-width: 90%;
pointer-events: auto;
}
.tpl5_captionswrap .tpl5_caption {
padding:6px 12px;
border-radius: 8px;
font-size:20px;
line-height:1.3;
}
.tpl5_captionswrap .tpl5_caption span {
font-size:16px;
line-height:20px;
}
.elx5_4colbox,
.contentsup,
.contentsup.col5_contentsup1,
.contentsup.col5_contentsup2,
.contentsup.col5_contentsup3,
.contentsup.col5_contentsup4,
.contentsup.col5_contentsup5 {
flex: 0 0 48%;
width: 48%;
}
div.contentsup .elx_featured_box {
margin-bottom: 64px!important;
}
}
@media only screen and (max-width:991px) {
nav.tpl5_pathway {
display: none;
}
.elx5_article_header h1,
.elx5_category_header h1,
.elx_tags_page > h2,
h1.smap_h1 {
font-size: 44px;
}
figure.elx5_content_imagebox.elx5_content_imageboxlt img,
figure.elx5_content_imagebox.elx5_content_imageboxlr img,
figure.elx5_content_imagebox.elx5_content_imageboxll img,
figure.pull-left img,
figure.pull-right img,
img.bordered {
border-radius: 21px;
border: 3px solid #f05064;
}
body:not(.innerpage) figure.elx5_category_figure img,
body:not(.innerpage) figure.elx5_content_imagebox.elx5_content_imageboxlr img {
width: 100%;
}
blockquote {
margin: 34px 0 44px!important;
}
div.float-left,
div.float-right {
float: none;
width: 100%;
}
.plugal_column {
flex: 100%;
max-width: 100%;
}
div.elx5_category_summary ol li,
div.elx_article_page ol li,
ul.flex li {
display: block;
}
div.elx5_category_summary ol li::before,
div.elx_article_page ol li::before,
ul.flex li::before {
content: none;
}
div.elx5_category_summary ol li strong,
div.elx_article_page ol li strong,
ul.flex li strong {
margin-right: 0;
display: block;
}
.tpl5_wrap { margin:0; padding:0; width:100%; }
legend.elx_form_legend { display:none; }
.tpl5_main,
div#tpl5_maincontainer {
margin:0;
padding:0;
}
.tpl5_maincol { margin:0 0 15px 0; padding:0; width:100%; float:none; }
.tpl5_sidecol { margin:0 0 15px 0; padding:0; width:100%; float:none; }
.tpl5_pos_bottom { display:none; visibility:hidden; }
label.elx_form_label { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
label.elx_form_label_top { display:block; float:none; width:100%; padding:0; margin:0 0 5px 0; }
div.elx_form_nolabel { margin:0; padding:0; width:0; display:none; visibility:hidden; }
div.elx_form_field_box { margin:0 0 0 0 !important; }
span.elx_form_tip { display:none; }
.inputbox, .filebox, .selectbox, .textbox, textarea.textbox, input[type=text].inputbox, select.selectbox { display:block; width:100%; margin:3px 0; padding:5px 8px;}
input[type=submit].elxbutton, input[type=button].elxbutton, button[type=submit].elxbutton, button[type=button].elxbutton, input.elxbutton, button.elxbutton, button.elxbutton-save, button.elxbutton-search {
display:block; width:100%; margin:8px 0; padding:6px 12px;
}
div.elx_form_cell { float:none !important; width:100% !important; margin:0; padding:0; }
div.elx_2columns, div.elx_3columns, div.elx_4columns, div.elx_2spcolumns, div.elx_3spcolumns, div.elx_4spcolumns { margin:0 0 10px 0; padding:0; width:100%; float:none !important; }
div.elx_hits_box, div.elx_tags_box span { display:none; visibility:hidden; }
.elx_2columns { float:none !important; clear:both; width:100%; margin-bottom:8px; }
.elx_2columns:after { content:' '; display:block; clear:both; }
.elx_chain_previous, .elx_chain_next { margin:0; padding:0; text-align:left; }
.elx_chain_previous img, .elx_chain_next img { margin:0; padding:0; display:none; }
.elx_chain_next .elx_chain_title { text-align:left; }
.elx_engines_box span, .elx_search_summary { display:none; visibility:hidden; }
.elx_engines_box span.elx_engine_current { display:inline; visibility:visible; }
select.elx_modsearch_eng { margin:0; padding:0; width:0; float:none; display:none; visibility:hidden; }
input.elx_modsearch_input, input.elx_modsearch_input:focus, input.elx_modsearch_input:hover { margin:0 1% 0 0; padding:5px 8px; float:none; display:inline-block; width:63%; }
button.elx_modsearch_btn, button.elx_modsearch_btn:hover, button.elx_modsearch_btn:focus { margin:0; padding:5px 8px; float:none; display:inline-block; width:33%; }
.elx5_4colbox,
.contentsup,
.contentsup.col5_contentsup1,
.contentsup.col5_contentsup2,
.contentsup.col5_contentsup3,
.contentsup.col5_contentsup4,
.contentsup.col5_contentsup5 {
flex: 0 0 100%;
width: 100%;
}
/* footer menu */
.tpl5_footer_menu, .tpl5_footer_menu .elx_menu { text-align:left; }
.tpl5_footer_menu .elx_menu li { margin:0 0 5px 0; display:block; width:100%; }
.tpl5_footer_menu .elx_menu li a, .tpl5_footer_menu .elx_menu li a:visited, .tpl5_footer_menu .elx_menu li a:hover,
.tpl5_footer_menu .elx_menu > li.menu_active > a { display:block; width:100%; padding:0 6px; }
}
@media only screen and (max-width:650px) {
.tpl5_container, .tpl5_container1, .tpl5_container2 { padding:0 10px; }
.tpl5_footer_copy { float:none; width:100%; display:none; visibility: hidden; }
.tpl5_footer_icons { margin:0; text-align:center; }
.tpl5_pathwrap { display:none; visibility:hidden; }
.tpl5_header_fpbg { background:url(../images/bg/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_header_ms2_fpbg { background:url(../images/bg/site2/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_header_ms3_fpbg { background:url(../images/bg/site3/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_header_ms4_fpbg { background:url(../images/bg/site4/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_header_inbg { background:url(../images/bg/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_header_ms2_inbg { background:url(../images/bg/site2/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_header_ms3_inbg { background:url(../images/bg/site3/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_header_ms4_inbg { background:url(../images/bg/site4/mobile.jpg) center top no-repeat; height:160px; }
.tpl5_search_box { width:150px; }
.tpl5_login_box { width:150px; }
.tpl5_cart_box { float:none; width:auto; display:none; visibility: hidden; }
.tpl5_fixedmenudark { background:#000; }
.tpl5_logo { width:200px; height:50px; }
.tpl5_logo_title { padding:9px 0; font-size:22px; line-height:32px; }
.tpl5_logo_slogan { padding: 0; display:none; visibility: hidden; }
.tpl5_menu_wrap { margin:0 0 0 220px; height:50px; }
#tpl5_fmods2 { display:none; visibility:hidden; }
.tpl5_fmods_33 { margin:0 1% 0 0; padding:0; width:49%; display:block; float:left; box-sizing: border-box; }
.tpl5_fmods_33:first-child { margin-right:2%; }
.tpl5_fmods_33:nth-child(2) { margin-right:0; }
.tpl5_fmods_33:last-child { margin-right:0; }
}
@media only screen and (max-width:480px) {
.tpl5_search_box { float:none; width:auto; display:none; visibility: hidden; }
.tpl5_login_box { float:left; width:180px; }
.tpl5_logout_wrap, .tpl5_login_wrap { padding:5px 0; text-align:left; }
/*
a.tpl5_logout { float:none; width:auto; display:none; visibility: hidden; }
a.tpl5_logout_prof { margin:0; }
*/
.tpl5_fmods_33, .tpl5_fmods_50 { margin:0 0 20px 0; padding:0; width:100%; display:block; float:none; }
.tpl5_fmods_33:first-child, .tpl5_fmods_50:first-child { margin-right:0; }
.tpl5_fmods_33:nth-child(2) { margin-right:0; }
.tpl5_fmods_33:last-child, .tpl5_fmods_50:last-child { margin-right:0; }
}
@media only screen and (max-width:320px) {
.tpl5_login_box { width:150px; }
}