/* Theme Name: climate Theme URI: http://www.webbkod.com Description: Works with Bootstrap 4 | Font Awesome 5 | Official Theme Dvelope by Webbkod Author: Naimesh Rao Author URI: http://www.webbkod.com Template: wp-bootstrap-starter Text Domain: wp-bootstrap-starter Version: 1.0 */ /* Font Style */ @font-face { font-family: 'ProximaNovaT-Thin'; src: url('fonts/ProximaNovaT-Thin.eot'); src: url('fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNovaT-Thin.svg#ProximaNovaT-Thin') format('svg'), url('fonts/ProximaNovaT-Thin.ttf') format('truetype'), url('fonts/ProximaNovaT-Thin.woff') format('woff'), url('fonts/ProximaNovaT-Thin.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: "Montserrat"; src: url('fonts/ProximaNova-Regular.eot'); src: url('fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Regular.svg#ProximaNova-Regular') format('svg'), url('fonts/ProximaNova-Regular.ttf') format('truetype'), url('fonts/ProximaNova-Regular.woff') format('woff'), url('fonts/ProximaNova-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ProximaNova-Bold'; src: url('fonts/ProximaNova-Bold.eot'); src: url('fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Bold.svg#ProximaNova-Bold') format('svg'), url('fonts/ProximaNova-Bold.ttf') format('truetype'), url('fonts/ProximaNova-Bold.woff') format('woff'), url('fonts/ProximaNova-Bold.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family: 'ProximaNova-Black'; src: url('fonts/ProximaNova-Black.eot'); src: url('fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('fonts/ProximaNova-Black.svg#ProximaNova-Black') format('svg'), url('fonts/ProximaNova-Black.ttf') format('truetype'), url('fonts/ProximaNova-Black.woff') format('woff'), url('fonts/ProximaNova-Black.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* font-family: 'ProximaNovaT-Thin', sans-serif; font-family: "Montserrat", sans-serif; font-family: 'ProximaNova-Bold', sans-serif; font-family: 'ProximaNova-Black', sans-serif; */ /* ============= Common Style ============= */ html{overflow-x:hidden;overflow-y:auto;height:100%;} body{overflow-x:hidden;padding: 0;margin: 0;background: #fff;font-family: "Montserrat", sans-serif;color: #0A0A0A;} *{box-sizing: border-box;outline: 0 !important;} h1, h2{font-family: 'Montserrat', sans-serif;} h3, h4, h5, h6, p, li {font-family: "Montserrat", sans-serif;} p{margin-bottom: 0px;font-family: "Montserrat", sans-serif; } p strong{color: #000;} b, strong{font-weight: normal;font-family: 'Montserrat', sans-serif;} img{max-width: 100%;font-size: 11px;} a{outline: none !important;text-decoration: none;color: inherit;} a:hover, a:focus{color: inherit;text-decoration: none;} ::-moz-selection { background: #0468B1; color: #fff !important;} ::selection { background: #0468B1; color: #fff !important;} input::-ms-clear, input::-ms-reveal {display: none;} .blankdiv_xxl{height: 100px;} .clearfix:after{content: '';display: table;clear: both;} .btn{padding: 10px 25px 10px 25px;display: inline-block;border-radius: 50px;font-size: 16px;text-align: center; font-family: "Montserrat", sans-serif;font-weight: 500;letter-spacing: 0.03em;position: relative;color: #fff !important;} .btn .fas{position: relative;margin-left: 5px;} .btn:hover .fas{margin-left: 14px;} .btn.btn-primary{background: #ff7549;border-color: #ff7549;} .btn.btn-primary:hover, .btn.btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3), inset 0 0 0 100px #EF8300 !important;} .btn.btn-secondary{background: #003a78;border-color: #003a78;} .btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3), inset 0 0 0 100px #4A68AD !important;} .btn.btnBlue{background: #0468B1;font-size: 20px;border: 0;border-radius: 0; padding: 9px 20px 8px 20px;line-height: normal;box-shadow: none; border-radius: 20px;} .btn.btnBlue:hover, .btn.btnBlue:focus{background: rgba(4, 104, 177, 0.6);} /* === Common Transition === */ .btn .fas, .cta_box .vc_cta3-actions .vc_btn3, .vc_cta3.img_blocklink .vc_cta3-actions .vc_btn3:after, .home_news .vc_grid-item-mini a.vc_btn3, .home_twitter #ctf .ctf-tweet-actions .ctf-twitterlink, .post_litem .btn.btn_link {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}*/ /* ============= Basic HTML for Block ============= */ table{font-size: 15px;line-height: normal;} table tr th{padding: 10px 10px;} table tr td{padding: 10px 10px;} .text_block_line{border-left: 0;background: rgba(0, 0, 0, 0.1);clear: both;} .text_img_title{font-style: italic;color: rgba(10, 10, 10, 0.5);} .text_block_line table{border: 0;width: 100%;} .text_title_1{padding: 10px 10px;font-size: 18px;line-height: normal;margin-bottom: 0;color: #0468B1;} .text_title{padding: 0;line-height: normal;margin-bottom: 30px;color: #0468B1;font-size: 20px; font-family: 'ProximaNova-Bold', sans-serif;} .site-main .entry-content ol{margin-bottom: 40px;} .full-width-container{width: 100vw;position: relative;margin-left: -50vw;left: 50%;} .col_mb{margin-bottom:30px;} .col_mb:last-child{margin-bottom:0;} .row_sm{margin-left:-5px;margin-right:-5px;} .row_sm [class*=col]{padding-left:5px;padding-right:5px;} .row_md{margin-left:-10px;margin-right:-10px;} .row_md [class*=col]{padding-left:10px;padding-right:10px;} /* ============= Breadcrumbs ============= */ .breadcrumbs{padding-top: 80px;padding-bottom: 10px;} .breadcrumbs .breadcrumbs_wrap{padding-left: 0;font-size: 15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .breadcrumbs .breadcrumbs_wrap a, .breadcrumbs .breadcrumbs_wrap span{color: rgba(10, 10, 10, 0.5);} .breadcrumbs .breadcrumbs_wrap .breadcrumb_last{color: rgba(10, 10, 10, 1);} .breadcrumbs .breadcrumbs_wrap a:hover{color: #0468B1 !important;} .breadcrumbs .breadcrumbs_wrap a span{color: inherit !important;} .breadcrumbs .breadcrumbs_wrap p{margin: 0;} /* Custom Breadcrumb */ .breadcrumbs .breadcrumbs_wrap ul{margin: 0;padding: 0;list-style: none;} .breadcrumbs .breadcrumbs_wrap ul li{display: inline-block;} .breadcrumbs .breadcrumbs_wrap ul li:after{content: '>';width: 20px;display: inline-block; text-align: center;vertical-align: middle;height: 20px;line-height: 20px;} .breadcrumbs .breadcrumbs_wrap ul li:last-child:after{display: none;} .breadcrumbs .breadcrumbs_wrap ul li a{line-height: 20px;} /* Hide Breadcrumbs */ body.home .breadcrumbs, body.single-quiz_listing .breadcrumbs {display: none;} body.single-textbooks .breadcrumbs, body.single-stories .breadcrumbs, body.single-post .breadcrumbs, body.single-discussion_topic .breadcrumbs, body.single-learning_materials .breadcrumbs, body.single-video_lessons .breadcrumbs, body.single-discussion_material .breadcrumbs {display: block;padding-top: 96px !important;/*position: absolute;left: 0;right: 0;top: 370px;z-index: 1;*/} /* ===== New Position for Breadcrumb ===== */ body.single-post .breadcrumbs, body.single-stories .breadcrumbs, body.single-learning_materials .breadcrumbs, body.single-video_lessons .breadcrumbs, body.single-discussion_material .breadcrumbs, body.single-discussion_topic .breadcrumbs {position: static;} body.single-post .cm_page_single, body.single-stories .cm_page_single, body.single-learning_materials .cm_page_single, body.single-video_lessons .cm_page_single, body.single-discussion_material .cm_page_single, body.single-discussion_topic .cm_page_single {padding-top: 10px;} .cm_page_single{padding-top: 50px;padding-bottom: 50px;} .cm_page_single .post.hentry{margin-bottom: 60px;padding-left: 130px; padding-right: 130px;} body.single-discussion_topic .breadcrumbs{display: none !important;} body.single-discussion_topic.administrator .breadcrumbs, body.single-discussion_topic.um_moderator .breadcrumbs, body.single-discussion_topic.um_teacher .breadcrumbs {display: block !important;} /* ============= Single Page CSS ============= */ .post_attachment_head{background-size: cover;background-position: top center;background-repeat: no-repeat;padding-bottom: 100px; margin-bottom: 20px;width: 100vw;position: relative;min-height: 370px;} /*.post_attachment_head:after{content: '';background-image: url(img/post_img_shape.png);position: absolute;left: 0;right: 0; bottom: 0;top: 0;background-size: cover;background-position: bottom;}*/ .post_attachment_head:after{content: '';background-image: url(img/shapes/banner_image_wave_blue.svg);position: absolute;left: 0;right: 0; bottom: 0;top: 0;background-size: 100%;background-position: center bottom;background-repeat: no-repeat;} .post_attach_body{width: 100%;height: 500px;background-size: cover;background-color: #eee;background-position: center; background-repeat: no-repeat;margin-bottom: 15px; border-radius: 30px;} body.single-stories .entry-content, body.single-post .entry-content, body.single-learning_materials .entry-content, body.single-discussion_material .entry-content {text-align: justify;} body.single .entry-content{} body.single .entry-content ul, .contest_rules ul {padding-left: 0;list-style: none;margin-bottom: 10px;} body.single .entry-content ul li, .contest_rules ul li {position: relative;padding-left: 25px;line-height: 24px;margin-bottom: 5px;} body.single .entry-content ul li:last-child, .contest_rules ul li:last-child{margin-bottom: 0;} body.single .entry-content ul li:before, .contest_rules ul li:before {content: '';position: absolute;left: 5px;top: 0;width: 8px;height: 8px;background: #0468B1;margin-top: 4px; border-radius: 50px;} body.single .entry-content .h1, body.single .entry-content h1 {font-size: 28px;} /* ============= Main ============= */ #content.site-content{padding-bottom: 0 !important;padding-top: 80px;position:relative;} .entry-content{margin: 0 !important;} body.logged-in{} /*.site{width: 100%;overflow: hidden;} */ /* .head_title{font-size: 48px;color: #003a78;text-align: center;position: relative;font-family: "Montserrat", sans-serif; display: block;width: 100%;font-weight: 400;margin-bottom: 25px;padding-bottom: 15px;} .head_title:after{content: '';position: absolute;display: block;left: 0;right: 0;bottom: 0; height: 4px;background: #FF7548;width: 35px;margin: auto;opacity: 1;}*/ /* ============= Header ============= */ /*header#masthead{ margin-left: auto; margin-right: auto; max-width: 1410px; width: calc(100% - 30px); background-color: transparent;box-shadow: none;padding: 0px 35px 40px; position: absolute;z-index: 99;left: 0;right: 0;top: 0px;} header#masthead{box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);} header#masthead #main-nav{max-width: 1000px; margin-top:40px;} body.admin-bar header#masthead{top: 60px;} header#masthead .navbar-brand{margin-right: 10px;position: relative;width: 70px;padding: 0;margin-top: -50px;} header#masthead .navbar-brand .logo_wrapper{position: absolute;z-index: 1;padding: 0px; left: 0;right: 0;top: 0;} header#masthead .nav_right {min-width: 85px; margin-top:20px; } header#masthead .nav_right .dropdown_form .btnSearch { filter: brightness(0) saturate(100%) invert(32%) sepia(87%) saturate(562%) hue-rotate(175deg) brightness(95%) contrast(96%); } body header#masthead.fixed .dropdown_form .btnSearch{ filter: none!important; } header#masthead .nav_right .dropdown_form{display: inline-block;position: relative;} header#masthead .nav_right .language_div{display: inline-block;vertical-align: top;} header#masthead .nav_right ul.user_menu{display: inline-block;} header#masthead .nav_right .dropdown_form.profile .dropdown_popup{width: 160px;padding: 0;} .dropdown_form.profile .dropdown_popup ul{margin:0;padding: 0;list-style: none;} .dropdown_form.profile .dropdown_popup ul li{} .dropdown_form.profile .dropdown_popup ul li a{padding: 5px 15px;line-height: normal;display: block;} .dropdown_form.profile .dropdown_popup ul li a:hover{background: rgba(4, 104, 177, 0.2);color: #0A0A0A !important;} .dropdown_form.profile .dropdown_popup ul li.username{white-space: nowrap;overflow: hidden;text-overflow: ellipsis; padding: 8px 15px;text-align: center;background: #fff;font-size: 14px;color: #0A0A0A; border-bottom: 1px solid #ccc;font-family: 'ProximaNova-Bold', sans-serif;}*/ /*header#masthead .nav_right .dropdown_form .dropdown_popup{display: none;} header#masthead .nav_right .dropdown_form .btnSearch{background: transparent;border: 0;color: #fff;font-weight: normal; padding: 0 10px;line-height: 24px;height: 24px;vertical-align: top;font-size: 18px;} header#masthead .nav_right .dropdown_form .btnSearch img{max-height: 18px;display: block;margin: auto;} header#masthead .nav_right .dropdown_form .dropdown_popup{position: absolute;right: 0;z-index: 1;margin: 8px 0 0 0; background: #fff;left: auto;top: 100%;padding: 10px;border-top: 2px solid #0468B1; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);border-radius: 0px;width: 280px;} header#masthead .nav_right .dropdown_form .dropdown_popup:before{content: '';width: 0;height: 0; border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 8px solid #0468b1; display: block;position: absolute;bottom: 100%;right: 15px;display: none;} header#masthead .nav_right .dropdown_form [type="text"]{border: 0;height: 40px;font-size: 14px;width: 70%;float: left;padding: 0 10px;} header#masthead .nav_right .dropdown_form [type="submit"]{width: 30%;border: 0;background: #0468B1;color: #fff; border-radius: 6px;font-size: 12px;line-height: 40px;text-align: center;font-weight: 700;font-family: inherit; }*/ /*header#masthead .nav_right .language_div .trp-language-switcher{margin: 0;} header#masthead .nav_right .language_div .trp-ls-shortcode-current-language{border: 0;border-radius: 0;padding: 0 10px;line-height: 24px; background-position: calc(100% - 8px) calc(0.6em + 0px), calc(100% - 3px) calc(0.6em + 0px);} header#masthead .nav_right .language_div .trp-language-switcher > div > a {padding: 0;border-radius: 0;color: #0A0A0A;}*/ /*header#masthead .nav_right .language_div .switcher{position: relative;width: 60px;overflow: visible;} header#masthead .nav_right .language_div .switcher .selected{background: #fff;} header#masthead .nav_right .language_div .switcher .selected a{border: 0;color: #0A0A0A; padding: 0 20px 0 5px;width: 30px;font-size: 0;line-height: 22px;font-family: "Montserrat", sans-serif;} header#masthead .nav_right .language_div .switcher .selected a > img{max-height: 20px;} header#masthead .nav_right .language_div .switcher a img{max-height: 18px;width: auto;vertical-align: top;display: inline-block;} header#masthead .nav_right .language_div .switcher .selected a:after{right: 4px;height: 20px;background: transparent; content: '\f078' !important;font-family: "Font Awesome 5 Free";font-weight: 800;color: #000;font-size: 14px;} header#masthead .nav_right .language_div .switcher .option{position: absolute;top: 100%;z-index: 1;width: auto;min-width: 150px; right: 0;left: auto;background: #fff;margin: 10px 0 0 0;border-radius: 0px;overflow: visible; border-top: 2px solid #0468B1;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);} header#masthead .nav_right .language_div .switcher .option:before{content: '';width: 0;height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #0468b1; display: block;position: absolute;bottom: 100%;right: 15px;display: none;} header#masthead .nav_right .language_div .switcher .option a{font-size: 12px;padding: 6px 10px;border-bottom: 1px solid #aaa;} header#masthead .nav_right .language_div .switcher .option a:hover{background-color: #f7f7f7;} header#masthead .nav_right .language_div .switcher .option a:last-child{border-bottom: 0;} header#masthead .nav_right ul.user_menu{list-style: none;padding: 0;margin:0 0 0 5px;} header#masthead .nav_right ul.user_menu li{} header#masthead .nav_right ul.user_menu li a{color: #0468B1 !important; font-family: 'ProximaNova-Bold', sans-serif;} body header#masthead ul.navbar-nav{} body header#masthead ul.navbar-nav > li{padding: 0 10px;} body header#masthead ul.navbar-nav > li > a{color: #1769b1 !important;padding: 10px 0!important;line-height: normal; font-weight: bold !important;font-size: 16px !important;font-family: "Inter", sans-serif; width: max-content!important;} body header#masthead ul.navbar-nav > li.contact > a{background: #ff7549;padding: 6px 12px;border: 0; border-radius: 4px;color: #fff !important;font-weight: 500 !important;} body header#masthead ul.navbar-nav > li.contact > a:hover{background: #EF8300;} body header#masthead ul.navbar-nav > li.current_page_item > a, body header#masthead ul.navbar-nav > li.current-page-parent > a {font-family: 'Inter', sans-serif;} .home header#masthead ul.navbar-nav > li.current_page_item a:before, .home header#masthead ul.navbar-nav > li.current-page-parent a:before { content:""; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #1769b1; left:0px; } body header#masthead ul.navbar-nav > li.current_page_item a:before, body header#masthead ul.navbar-nav > li.current-page-parent a:before, .current_page_ancestor a:before{ content:""; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #1769b1; } body header#masthead ul.navbar-nav > li.current_page_item > a, body header#masthead ul.navbar-nav > li.current-page-parent > a{ position:relative; } body header#masthead ul.navbar-nav li a.dropdown-toggle:after{content: '\f078' !important;font-family: "Font Awesome 5 Free"; font-weight: 800;color: inherit;border: 0;vertical-align: middle;margin-left: 10px;font-size: 14px;} body header#masthead ul.navbar-nav > li:hover > ul.dropdown-menu, body header#masthead ul.navbar-nav > li.open_lvl2_submenu > ul.dropdown-menu {right: 10px;left: auto;margin-top: 0;border-top: 0px solid #0468B1;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2); padding: 0;border-radius: 10px;width: 190px;} body header#masthead ul.navbar-nav li:hover > a.dropdown-toggle:after{content: '\f077' !important;color: inherit !important;} body header#masthead ul.navbar-nav > li.pll-parent-menu-item > a > span{display: none;} body header#masthead ul.dropdown-menu > li{padding: 0; font-family: "Inter", sans-serif!important;} body header#masthead ul.dropdown-menu > li > a{color:#1769B1; padding: 5px 15px;line-height: normal;border-radius: 0;} body header#masthead ul.dropdown-menu > li > a:hover, body header#masthead ul.dropdown-menu > li > a.dropdown-item.active, body header#masthead ul.dropdown-menu > li > a.dropdown-item:active, body header#masthead ul.dropdown-menu > li.active > a {background: rgba(4, 104, 177, 0.2);color: #1769b1 !important; border-radius: 10px;} body header#masthead ul.navbar-nav > li.mobile_menu{display: none;}*/ /* CLickable Menu */ /*body header#masthead ul.navbar-nav > li > .lvl2_click{background: transparent;display: block;z-index: 2;position: absolute; top: 0;right: 0;height: 40px;width: 40px;text-align: center; color:#fff;} body header#masthead ul.navbar-nav > li > .lvl2_click:after{content: '\f078' !important;font-family: "Font Awesome 5 Free"; font-weight: 800;color: inherit;border: 0;vertical-align: middle;margin: 0;font-size: 14px;line-height: 40px;text-align: center; color:#fff;} body header#masthead ul.navbar-nav > li.open_lvl2_submenu > .lvl2_click:after{content: '\f077' !important;color: inherit !important;} body header#masthead.fixed{ border: solid 1px #fff; } body header#masthead.fixed .nav_right { filter: none!important; }*/ /*body header#masthead.fixed .navbar-brand img.logo_white{display: none;} body header#masthead.fixed .navbar-brand img.logo_blue{display: block;} body header#masthead.fixed ul.navbar-nav > li > a{color: #363636;} */ /* ============= Home Page ============= */ /*.img_blocklink .wpb_heading{position: absolute;bottom: 0;color: #fff;width: 100%;padding: 80px 15px 15px 15px; margin: 0;font-size: 15px;font-weight: normal;}*/ .vc_cta3.img_blocklink{position: relative;background-color: transparent !important; padding: 0 !important;border: 0 !important;border-radius: 0 !important;} .vc_cta3.img_blocklink .vc_cta3-content{margin: 0 !important;} .vc_cta3.img_blocklink .vc_cta3-content img{width: 100%;} .vc_cta3.img_blocklink .vc_cta3-actions{position: absolute;bottom: 0;left: 0;right: 0;} .vc_cta3.img_blocklink .vc_cta3-actions .vc_btn3-inline{display: block;margin: 0;} .vc_cta3.img_blocklink .vc_cta3-actions .vc_btn3{display: block;width: 100%;text-align: left;font-size: 15px; background-color: transparent !important;border: 0;color: #fff !important;padding: 170px 20px 15px 20px; background-position: bottom center;background-size: 105%;background-repeat: no-repeat;line-height: 20px;} .vc_cta3.img_blocklink .vc_cta3-actions .vc_btn3:after{content: '';margin-left: 10px;height: 20px; display: inline-block;width: 30px;background-image: url(img/icons/right_arrow_white.svg);background-size: 20px; background-repeat: no-repeat;background-position: center;background-color: transparent;vertical-align: text-bottom;} /*content: '\f30b';font-family: "Font Awesome 5 Free"; font-weight: 900;*/ .vc_cta3.img_blocklink .vc_cta3-actions .vc_btn3:hover:after{margin-left: 15px;} .vc_cta3.img_blocklink.blue_shape .vc_cta3-actions .vc_btn3{background-image: url(img/shapes/blue_shape_img.svg) !important;} .vc_cta3.img_blocklink.green_shape .vc_cta3-actions .vc_btn3{background-image: url(img/shapes/green_shape_img.svg) !important;} .vc_cta3.img_blocklink.green_shape_normal .vc_cta3-actions .vc_btn3{background-image: url(img/shapes/green_shape_img2.svg) !important;} .vc_cta3.img_blocklink.orange_shape .vc_cta3-actions .vc_btn3 {background-image: url(img/shapes/orange_shape_img.svg) !important;color: #0A0A0A !important;} .vc_cta3.img_blocklink.orange_shape .vc_cta3-actions .vc_btn3:after{background-image: url(img/icons/right_arrow_black.svg);} /* === CTA BG Image === */ .vc_cta3.img_blocklink{min-height: 350px;background-size: cover;background-color: #eee !important;background-position: center;} .blue_shape_bg{overflow: visible !important;} .blue_shape_bg:before{background-image: url(img/shapes/blue_shape_bg.svg) !important;background-size: cover; background-position: top center;z-index: -1;content: ''; width: 100%;height: calc(100% + 250px);display: block !important;position: absolute;left: 0;right: 0;top: 0;bottom: auto;} .orange_shape_bg{overflow: visible !important;} .orange_shape_bg:before{background-image: url(img/shapes/orange_shape_bg.svg) !important;background-size: cover; background-position: bottom center;z-index: -1; width: 100%;height: calc(100% + 150px);display: block !important;position: absolute;left: 0;right: 0;top: auto;bottom: 0;} .orange_shape_bg.osb_bottom:before{bottom: -40%;} .blue_shape_bg_center, .orange_shape_bg_center {background-position: top center;background-size: cover;background-color: transparent;} .blue_shape_bg_center{background-image: url(img/shapes/blue_shape_bg.svg) !important;} .orange_shape_bg_center{background-image: url(img/shapes/orange_shape_bg.svg) !important;} .n2-ss-slider .climate_highlight{margin: 25px !important;} .n2-ss-slider .climate_highlight .n2-ss-layer-content{background: rgba(0, 0, 0, 0.5);border-radius: 15px; position: relative;padding: 30px !important;} .n2-ss-slider .climate_highlight .n2-ss-layer-content:before{content: '';background-image: url(img/earth_mascot.png); width: 90px;height: 90px;position: absolute;bottom: 100%;left: 10%;margin: 0 0 -30px 0; background-color: transparent;background-position: center;background-size: 90px;background-repeat: no-repeat;} .n2-ss-slider .climate_highlight .n2-ss-layer-content #n2-ss-2item1{font-family: 'ProximaNova-Bold', sans-serif;font-weight: normal;} .n2-ss-slider .climate_highlight .n2-ss-layer-content #n2-ss-2item2{font-family: "Montserrat", sans-serif;} .bannerbox {background: rgba(0, 0, 0, 0.5);border-radius: 15px; position: relative;padding: 10px !important;} /* ============= Home Page Builder ============= */ .content_box{} .content_box h2{ color: #1769B1; font-family: "Inter", Sans-serif; font-size: 50px; font-weight: 800; } div#page h2{ font-family: "Inter", Sans-serif!important; font-weight: 800!important; } .dark_contentrow .content_box h2{color: #fff;} .content_box.ert_mascot_0 h2, .content_box.ert_mascot_1 h2, .content_box.ert_mascot_2 h2, .content_box.ert_mascot_3 h2, .content_box.ert_mascot_4 h2 {margin: 90px 0 20px;} .content_box.ert_mascot_0 h2:before, .content_box.ert_mascot_1 h2:before, .content_box.ert_mascot_2 h2:before, .content_box.ert_mascot_3 h2:before, .content_box.ert_mascot_4 h2:before {content: '';background-image: url(img/earth_mascot.png);width: 85px;bottom: 100%;left: 0;margin: 0 0 5px; background-color: transparent;background-position: center;height: 85px; background-size: 75px;background-repeat: no-repeat;position: absolute;} .content_box.ert_mascot_0 h2:before{background-image: url(img/earth_mascot.png);} .content_box.ert_mascot_1 h2:before{background-image: url(img/shapes/earth_mascot_1.svg);} .content_box.ert_mascot_2 h2:before{background-image: url(img/shapes/earth_mascot_2.svg);} .content_box.ert_mascot_3 h2:before{background-image: url(img/shapes/earth_mascot_3.svg);} .content_box.ert_mascot_4 h2:before{background-image: url(img/earth_mascot_quiz.png);} /* ============= Home Page News ============= */ .home_news .vc_grid-item-mini{position: relative;border-radius: 0;overflow: hidden;} .home_news .vc_grid-item-mini .vc_gitem-zone-c{background-color: rgba(0, 0, 0, 0.6) !important;position: absolute; left: 0;top: 0;bottom: 0;right: 0;z-index: 1;} .home_news .vc_grid-item-mini .vc_gitem-col{padding: 30px 20px;position: absolute;height: 100%;left: 0; right: 0;top: 0;bottom: 0;} .home_news .vc_grid-item-mini .vc_gitem-col .vc_gitem-post-data-source-post_title h4{font-size: 26px; font-weight: normal;color: #fff;line-height: 36px;margin: 0;height: 72px;overflow: hidden;} .home_news .vc_grid-item-mini .vc_gitem-col .vc_gitem-post-data-source-post_excerpt{margin-top: 50px;max-height: 70px; margin-bottom: 30px;overflow: hidden;} .home_news .vc_grid-item-mini .vc_gitem-col .vc_gitem-post-data-source-post_excerpt p{color: #fff;margin: 0; font-family: 'ProximaNovaT-Thin', sans-serif;} .home_news .vc_grid-item-mini a.vc_btn3{position: absolute;bottom: 20px;top: auto;margin: 0;padding: 0px 35px 0px 5px; background: transparent;border-radius: 0;font-size: 15px;line-height: 24px;height: 24px;} .home_news .vc_grid-item-mini a.vc_btn3:after{content: '';position: absolute;right: 0;top: 0;bottom: 0;height: 20px; display: inline-block;width: 30px;margin: auto;background-image: url(img/icons/right_arrow_white.svg);background-size: 20px; background-repeat: no-repeat;background-position: center;background-color: transparent;vertical-align: text-bottom;} /*content: '\f30b';font-family: "Font Awesome 5 Free";font-weight: 700;*/ .home_news .vc_grid-item-mini:hover a.vc_btn3{padding: 0px 45px 0px 5px;} /* ============= Home Page Twitter ============= */ .home_twitter .content_box{margin-bottom: 100px !important;} .home_twitter{position: relative;min-height: 300px;} .home_twitter .wpb_column{position: static;} .home_twitter .bx-wrapper{position: static;} .home_twitter .bx-wrapper .bx-controls-direction{position: absolute;left: 15px;bottom: 50px;} .home_twitter .bx-wrapper .bx-controls-direction a{position: relative;left: auto;right: auto; top: auto;bottom: auto;margin: 0 10px 0 0;background: rgba(4, 104, 177, 0.2); color: transparent;height: 50px;display: inline-block;width: 50px;border-radius: 5px;} .home_twitter .bx-wrapper .bx-controls-direction a:before{font-family: "Font Awesome 5 Free";font-weight: 700;text-indent: 0; font-size: 26px;text-align: center;line-height: 50px;color: #0468B1;position: absolute;left: 0;top: 0;bottom: 0;right: 0;} .home_twitter .bx-wrapper .bx-controls-direction a.bx-prev:before{content: '\f30a';} .home_twitter .bx-wrapper .bx-controls-direction a.bx-next:before{content: '\f30b';} /* === Custom Twitter Feed === */ .home_twitter .ctf-tweets{position: static;} .home_twitter .slick-track{display: flex !important;} .home_twitter .slick-slide{height: inherit !important;} .home_twitter .slick-arrow{top: 220px;background: rgba(4, 104, 177, 0.2);width: 60px;height: 60px;border-radius: 5px;} .home_twitter .slick-prev{left: 15px;} .home_twitter .slick-next{left: 90px;} .home_twitter .slick-arrow:before{content: '';margin-left: 0;height: 40px;display: inline-block;width: 40px; background-size: 30px;background-repeat: no-repeat; background-position: center;background-color: transparent;vertical-align: text-bottom;} .home_twitter .slick-prev:before{background-image: url(img/icons/left_arrow_blue.svg);} .home_twitter .slick-next:before{background-image: url(img/icons/right_arrow_blue.svg);} .home_twitter #ctf .ctf-item{border-top: 0;padding: 15px 15px 70px 15px;border-radius: 0;position: relative;} .home_twitter #ctf .ctf-item .ctf-author-box-link{} .home_twitter #ctf .ctf-author-avatar{width: 46px;height: 46px;margin: 0 10px 0 0;background-color: #eee; border-radius: 50%;font-size: 12px;text-align: center;color: #aaa;display: none;} .home_twitter #ctf .ctf-item .ctf-author-box{padding-bottom: 10px;border-bottom: 1px solid #0468B1;margin-bottom: 10px;} .home_twitter #ctf .ctf-author-name{color: #0A0A0A !important;font-size: 15px;display: block;margin: 0; font-weight: normal !important;font-family: 'ProximaNova-Bold', sans-serif;} .home_twitter #ctf .ctf-verified svg{width: 14px;} .home_twitter #ctf .ctf-author-screenname{color: #0A0A0A !important;font-size: 15px;line-height: normal;display: inline-block;} .home_twitter #ctf .ctf-tweet-content{margin: 0;max-height: 72px;overflow: hidden;} .home_twitter #ctf .ctf-tweet-content p{color: #6D6D6D;font-size: 15px;line-height: 24px;} .home_twitter #ctf .ctf-tweet-meta{position: absolute;bottom: 40px;left: 15px;margin: 0;} .home_twitter #ctf .ctf-tweet-meta .ctf-tweet-date{color: rgba(0, 0, 0, 0.5) !important;font-size: 12px;} .home_twitter #ctf .ctf-tweet-actions{position: absolute;left: 15px;bottom: 5px;margin: 0 !important;right: 0;z-index: 1;} .home_twitter #ctf .ctf-tweet-actions .ctf-twitterlink{margin: 0;padding: 0; font-size: 15px;color: #0A0A0A !important;position: relative;padding-right: 35px;} /*.home_twitter #ctf .ctf-tweet-actions .ctf-twitterlink:before{content: 'View On ';}*/ .home_twitter #ctf .ctf-tweet-actions .ctf-twitterlink:after {content: '';position: absolute;right: 0;top: 0;bottom: 0; height: 20px;display: inline-block;width: 30px;margin: auto;background-image: url(img/icons/right_arrow_black.svg); background-size: 20px;background-repeat: no-repeat;background-position: center;background-color: transparent;vertical-align: text-bottom;} .home_twitter #ctf .ctf-item:hover .ctf-tweet-actions .ctf-twitterlink{padding-right: 45px;} /* ============= Toolkit Documents ============= */ .toolkit_docs{margin: 0 0 15px;padding: 20px;background: #fff;position: relative;min-height: 150px;} .toolkit_docs select.form-control{font-size: 15px;color: #0A0A0A;background: #F8F8F8;border-color: #707070; border-radius: 0;box-shadow: none !important;margin: 0 0 20px;padding: 0 25px 0 10px;height: 40px;} .toolkit_docs .lang_docs{display: none;} .toolkit_docs .lang_docs .lang_docs_view{} .toolkit_docs .lang_docs .file{line-height: normal;margin-bottom: 15px;} .toolkit_docs .lang_docs .file a{font-size: 15px;color: #0468B1;display: inline-block;} .toolkit_docs .lang_docs .file:last-child{margin-bottom: 5px;} .toolkit_docs h3.title{font-size: 15px;color: #0A0A0A;position: relative;padding: 0;margin: 0 0 15px;line-height: normal;} .toolkit_docs .lang_docs .filenotfound{margin: 15px 0;background: #fff;border: 1px solid #80878E;padding: 10px; text-align: center;font-size: 15px;color: #80878E;} .toolkit_docs .lang_docs .filenotfound .far{display: block;margin: 5px 0 10px;font-size: 24px;opacity: 0.5;} .lang_docs_loading{display: block;text-align: center;position: absolute;left: 0;right: 0;padding: 40px 20px; top: 0;bottom: 0;background: rgba(255, 255, 255, 0.8);} .lang_docs_loading img{display: block;margin: 0 auto 10px;max-height: 45px;} .lang_docs_loading p{margin: 0;font-size: 14px;font-family: arial;color: #000;} .toolkit_highlight img{width: 250px;display: block;margin: 0 auto 15px;} .cta_box.vc_cta3{border-radius: 0 !important;border: 0 !important;background: transparent !important;padding: 0 !important;} .cta_box.vc_cta3 h4{font-size: 20px;font-weight: 800;color: #fff; font-family: 'ProximaNova-Bold', sans-serif;margin: 0 0 30px !important;} /*.cta_box.vc_cta3 h4:after{ content:""; position: absolute; width: 50px; height: 4px; background-color: #fff; left:35px; margin-top:40px; }*/ .cta_box.vc_cta3 p{font-size: 16px;margin: 0 0 15px;} .cta_box.vc_cta3 img{display: block;width: 100%;margin: 0 0 15px;} .cta_box.vc_cta3 .vc_cta3-content{} .cta_box .vc_cta3-actions .vc_btn3:hover{padding: 0 45px 0 0;} .cta_box.vc_cta3 .img_wrap{position: relative;} .cta_box.vc_cta3 .img_wrap:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: -1px;background-color: transparent; background-repeat: no-repeat;background-position: center bottom;background-size: 105%;} .green_cta .cta_box .img_wrap:after{background-image: url(img/shapes/green_shape_img_sm.svg);} .green_cta .cta_box .vc_cta3-actions .vc_btn3{color: #89b12a !important;} .green_cta .cta_box .vc_cta3-actions .vc_btn3:after{background-image: url(img/icons/right_arrow_green.svg);} .blue_cta .cta_box .img_wrap:after{background-image: url(img/shapes/blue_shape_img.svg);} .blue_cta .cta_box .vc_cta3-actions .vc_btn3{color: #0468B1 !important;} .blue_cta .cta_box .vc_cta3-actions .vc_btn3:after{background-image: url(img/icons/right_arrow_blue.svg);} .orange_cta .cta_box .img_wrap:after{background-image: url(img/shapes/orange_shape_img.svg);} .orange_cta .cta_box .vc_cta3-actions .vc_btn3{color: #f7941e !important;} .orange_cta .cta_box .vc_cta3-actions .vc_btn3:after{background-image: url(img/icons/right_arrow_orange.svg);} /* === CTA Box Image in BG with text === */ .imagebox_bg.wpb_single_image{min-height: 250px;background-size: cover;margin-bottom: 15px;position: relative; background-color: #eee !important;background-position: center;} .imagebox_bg.wpb_single_image img{display: none;} .imagebox_bg.wpb_single_image:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: -1px;background-color: transparent; background-repeat: no-repeat;background-position: center bottom;background-size: 105%;} .green_cta .imagebox_bg.wpb_single_image:after{background-image: url(img/shapes/green_shape_img_sm.svg);} .blue_cta .imagebox_bg.wpb_single_image:after{background-image: url(img/shapes/blue_shape_img.svg);} .orange_cta .imagebox_bg.wpb_single_image:after{background-image: url(img/shapes/orange_shape_img.svg);} /* ============= Inner Page Design ============= */ .cm_page_content{padding-top: 10px;padding-bottom: 0px;} .pagehead{margin-bottom: 0px;position: relative;} .pagehead h1{font-family: "Inter", Sans-serif !important; font-weight: 800 !important;color: #000000; font-size: 30px;} .pagehead h1:after{content: '';width: 30px;background: #fff;height: 3px;position: absolute; left: 0;top: 100%;margin: 5px 0 0;} .pagehead .search{position: absolute;width: 260px;right: 0;top: 0;} .pagehead .search input[type="text"]{border: 1px solid #848484;height: 40px;font-size: 16px;padding: 0 50px 0 20px;display: block;width: 100%; border-radius: 10px;} .pagehead .search input[type="submit"]{position: absolute;right: 1px;top: 1px;bottom: 1px;height: auto;border: 0;background-color: transparent; color: transparent;margin: auto;width: 40px;background-image: url(img/search.svg);padding: 0;background-size: 20px; background-repeat: no-repeat;background-position: center;} .pagehead .head_action{text-align: right;position: relative;} .pagehead .head_action .btn{display: inline-block;vertical-align: top;} .pagehead .head_action .search{position: relative;display: inline-block;vertical-align: top;margin-left: 10px;} .page_meta{margin-bottom: 0px;border-bottom: 0px solid #ccc;padding: 0 0 10px;} .page_meta .meta_date{font-size: 18px;color: #000;margin-bottom: 5px;margin-right: 70px;} .page_meta .meta_date strong{color: #0A0A0A;} .page_meta .terms_list{margin-top: 10px; margin-bottom: 10px;} .short_content{clear: both;margin-bottom: 35px;text-align: justify; font-size: 16px; } @media (min-width: 768px) { .short_content{clear: both;margin-bottom: 35px;text-align: justify; } } /*@media (min-width: 768px) { .pagehead h1{ padding-left:120px;padding-right: 120px;} }*/ .documents_list{margin: 10px 0 30px;/*border: 0;color: #0468B1;background: rgba(4, 104, 177, 0.3);padding: 15px;*/} .documents_list h4.title{color: #0A0A0A;font-family: 'ProximaNova-Bold', sans-serif;margin-bottom: 10px;font-size: 20px;} .documents_list .file{margin: 5px 0;} .documents_list .file a{display: block;background: #FBFBFB;padding: 11px 45px 10px 20px;border: 1px solid #0468B1; border-radius: 0;color: #0468B1;position: relative;font-size: 15px;font-weight: 600; word-break: break-all;white-space: nowrap; overflow: hidden;text-overflow: ellipsis; border-radius: 10px;} .documents_list .file a:after{content: '\f019';font-family: FontAwesome;position: absolute;right: 20px;font-size: 18px; line-height: 20px;top: 0;bottom: 0;margin: auto;height: 20px;color: rgba(4, 104, 177, 0.5);} .documents_list .filenotfound{margin: 5px 0;padding: 10px;background: #FBFBFB;text-align: center;border: 1px solid #E8E8E8;} .documents_list .filenotfound .far{margin: 5px 0;display: block;font-size: 24px;color: rgba(0, 0, 0, 0.6);} .documents_list .file a:hover{background: rgba(4, 104, 177, 0.1);border-color: #0468B1;} .documents_list .file a:hover:after{color: rgba(4, 104, 177, 1);} .documents_list .col-5{-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;} body.single-learning_materials .page_meta{border-bottom: 0;padding: 0;} /* === Toolkit Sidebar === */ .sidebar_left{} .sidebar_left .toolkit_sidebar .widget-title{color: #0468B1;font-family: 'ProximaNova-Bold', sans-serif; font-size: 18px;margin: 0 0 20px; display: none;} .sidebarWrap{padding-top: 0;} .sidebarWrap .btn.btn_back{color: #0A0A0A !important;padding: 0;margin-bottom: 0;border: 0;box-shadow: none;background: transparent; line-height: normal;height: auto;position: absolute;top: -40px;left: 0;right: auto;z-index: 1;text-align: left;border-radius: 0; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;} .sidebarWrap .btn.btn_back .fas{margin-left: 0;margin-right: 5px;} .sidebarWrap .btn.btn_back:hover .fas{margin-right: 8px;} /* === Textbook Sidebar === */ @media (max-width: 768px) { body.single-textbooks .post_litem.textbooks{margin-bottom: 40px; margin-top: 80px;} } .textbook_list ul.menu{padding: 0;list-style: none;counter-reset: textbook;list-style-type: none;} .textbook_list ul.menu li.menu-item{position: relative;margin-bottom: 10px;} .textbook_list ul.menu li.menu-item a{color: #fff;line-height: 22px;font-size: 15px;display: block;} .textbook_list ul.menu > li.menu-item > a:before{position: absolute; left: 0;background: #1769B1;width: 30px;height: 30px;border-radius: 50%;text-align: center;line-height: 30px; display: block;font-size: 15px;color: #fff;top: 0;font-family: 'ProximaNova-Bold', sans-serif;} .textbook_list ul.menu > li.menu-item > a{padding-left: 40px;padding-top: 4px;padding-bottom: 4px;} .textbook_list ul.menu > li.menu-item > ul.sub-menu{display: none;padding-left: 40px;padding-top: 0;list-style: none;position: relative;} .textbook_list ul.menu > li.menu-item > ul.sub-menu:before{content: '';height: 100%;left: 15px;display: block; position: absolute;width: 1pt;background: #fff;top: 0;} .textbook_list ul.menu > li.menu-item > ul.sub-menu > li.menu-item:before{content: '';position: absolute;display: block; left: -25px;height: 1pt;background: #fff;width: 12px;top: 11px;bottom: auto;margin: auto;} .textbook_list ul.menu > li.menu-item > ul.sub-menu > li.menu-item:first-child{padding-top: 10px;} .textbook_list ul.menu > li.menu-item > ul.sub-menu > li.menu-item:first-child:before{top: 22px;} .textbook_list ul.menu > li.menu-item:first-child > a:before{display: none;} .textbook_list ul.menu li.menu-item.current-menu-item > a, .textbook_list ul.menu > li.current-menu-ancestor > a, .textbook_list ul.menu > li.menu-item.current > a, .textbook_list ul.menu li.menu-item.current > a, .textbook_list ul.menu li.menu-item.parent_active > a {font-family: 'ProximaNova-Bold', sans-serif;color: #fff !important; font-weight: 700;} .textbook_list ul.menu li.menu-item.current-menu-item > a:before, .textbook_list ul.menu > li.current-menu-ancestor > a:before, .textbook_list ul.menu > li.menu-item.current > a:before, .textbook_list ul.menu li.menu-item.parent_active > a:before {background: #0468B1;color: #ffffff;} /* Level 3rd */ .textbook_list ul.menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu {padding-left: 15px;list-style: none;position: relative;} .textbook_list ul.menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item:first-child{padding-top: 10px;} .textbook_list ul.menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item{margin-bottom: 5px;} .textbook_list ul.menu > li.menu-item > ul.sub-menu > li.menu-item > ul.sub-menu > li.menu-item > a {font-size: 13px;line-height: 18px;color: #fff;} /* Display in Active */ .textbook_list ul.menu > li.menu-item.current-menu-parent > ul.sub-menu, .textbook_list ul.menu > li.menu-item.current-menu-item > ul.sub-menu, .textbook_list ul.menu > li.menu-item.current > ul.sub-menu, .textbook_list ul.menu > li.menu-item.parent_active > ul.sub-menu {display: block;} /* Fixed Menu */ #TBsidebarWrap{position: relative;} #TBsidebarWrap:after{content: '';display: table;clear: both;} #TBsidebar.sidebar_left{position: absolute;} #TBsidebar.fixed {position: fixed;top: 140px;max-width: 260px;} #TBsidebar.fixed .menu-textbook-menu-container{max-height: 70vh;overflow-y: auto;} #TBsidebar.fixed .widget-title{display: none;} #TBsidebar.fixed .menu-textbook-menu-container{max-height: 70vh;overflow-y: auto;} /* === Textbook Page === */ .cm_page_content.textbook_content{padding-top: 10px; margin-top: 0px;}/*added space*/ /*body.single-textbooks .breadcrumbs{top: 50px !important;}*/ /*Removed img textbook*/ .cm_page_content { padding-top: 100px; padding-left: 55px; padding-right: 55px; } @media (max-width: 575px) { .cm_page_content { padding-top: 60px!important; padding-left: 0px; padding-right: 0px; } } .cm_page_content .textbooks .post-thumbnail{display: none;} .cm_page_content .textbooks h1.entry-title{font-size: 30px;line-height: normal;padding: 0;margin: 0 0 10px 20px;color: #000 !important; font-weight: normal;border: 0;position: relative;} .cm_page_content .textbooks h1.entry-title:after{content: '';width: 30px;background: #C7212F;height: 3px;position: absolute; left: 0;top: 100%;margin: 5px 0 0;} .post_litem{position: relative;margin-bottom: 50px;} .post_litem a{display: block;} .page-template-template_textbook .post_litem .post_thumb{aspect-ratio:497/703; } .page-template-template_quiz .post_litem .post_thumb{aspect: ratio 997/703; } .single-quiz_listing .post_litem .post_thumb{aspect: ratio 997/703; } .page-template-template_mapposter .post_thumb{aspect: ratio 1410/1009; } .post_litem .post_thumb{position: relative;background-color: transparent;margin-bottom: 10px; position: relative; overflow: hidden;object-fit: cover; text-align: -webkit-center;} .post_litem .post_thumb img{width: 100%;display: block;} .post_litem .post_thumb .post_image{background-size: cover;background-repeat: no-repeat;background-color: #fff; background-position: center;display: block; border-radius: 0px;} .page-template-template_textbook .post_litem .post_thumb .post_image{aspect-ratio:497/703;} .page-template-template_quiz .post_litem .post_thumb .post_image{aspect-ratio:997/703;} .single-quiz_listing .post_litem .post_thumb .post_image{aspect-ratio:997/703;} .page-template-template_mapposter .post_litem .post_thumb .post_image{aspect-ratio:1410/1009;} .post_litem p.title{font-size: 20px;font-family: 'ProximaNova-Bold', sans-serif;color: #1769B1;margin: 0 0 10px;line-height: 24px; height: auto;overflow: hidden; font-weight: 600;} .post_litem .btn.btn_link{ color: #1769B1!important; border-color: #1769B1; border-style: solid; border-width: 2px 2px 2px 2px; padding: 6px 35px 5px 20px; border-radius: 50px 50px 50px 50px; font-weight: 700; width: fit-content; margin-top: 20px; font-size:14px; line-height:18px; } .post_litem .btn.btn_link:after{content: "\f054";position: absolute; top: 0;bottom: 0;height: 18px;display: inline-block; width: 30px;margin: auto;background-size: 18px; font-family: 'Font Awesome 5 Free'!important; font-weight: 900; background-repeat: no-repeat;background-position: center;background-color: transparent;vertical-align: text-bottom;} /*.post_litem:hover .btn.btn_link{padding: 0px 45px 0px 0;}*/ /*.post_litem.textbook_item .post_thumb:after, .post_litem.mnp_item .post_thumb:after {content: '';display: block;width: 100%;background-color: transparent;position: absolute;bottom: -1px;left: 0;right: 0;z-index: 1; height: 100%;background-position: bottom center;background-size: 100%;background-repeat: no-repeat;} .post_litem.textbook_item .post_thumb:after{background-image: url(img/shapes/blue_shape_img.svg);} */ .post_litem.mnp_item .post_thumb:after{background-image: url(img/shapes/blue_shape_img.svg);} .post_litem .post_content{height: 66px;overflow: hidden;margin-bottom: 10px;line-height: 20px;font-size: 18px;color: #0A0A0A;} .post_litem .post_content p{line-height: inherit;font-size: inherit;margin: 0;} .post_litem .entry-date{display: block;font-size: 12px;color: rgba(0, 0, 0, 0.5);margin-bottom: 5px; display: none;} .terms_list{margin: 0;font-size: 15px; display: none;} body.single-learning_materials .page_meta .terms_list{display: block;} .terms_list .terms_item{display: inline-block;vertical-align: top;margin: 0 6px 6px 0;} .terms_list .terms_item:not(.with_label) a, .terms_list .terms_item.with_label, .terms_list .terms_item .term_sp {display: inline-block;font-family: 'ProximaNova-Bold', sans-serif; color: #0468B1;line-height: 30px;background: rgba(4, 104, 177, 0.1);padding: 0 10px;} .terms_list .terms_item.with_label a{display: inline-block;} .terms_list .terms_item.terms_multiple a, .terms_list .terms_item.terms_multiple .term_sp{margin: 0 10px 6px 0;} .page_meta .terms_list .terms_item .term_sp, .page_meta .terms_list .terms_item.with_label {border: 1px solid #0468B1;background: #FBFBFB;color: #0468B1;border-radius: 5px;} .content-area .entry-footer .edit-link{position: relative;display: inline-block; font-weight: 700;font-family: arial;} .content-area .entry-footer .edit-link .post-edit-link{background: #167bbb;color: #fff !important; font-size: 14px;line-height: 30px;border-radius: 0;display: block;padding: 0 15px;} /*.post_litem.mnp_item p.title{line-height: 20px;height: 20px;}*/ .post-thumbnail.full-width-container img{display: block;margin: auto;padding: 0 10px;display: block;} .post_litem.pi_story p.title, .post_litem.lrn_mat p.title, .post_litem.dictop_item p.title {height: auto; font-size: 20px; font-weight: 600; color: #1769B1;} .post_litem.pi_story .post_content, .post_litem.lrn_mat .post_content, .post_litem.dictop_item .post_content {height: auto;} .post_litem.pi_news .post_thumb .post_image, .post_litem.pi_story .post_thumb .post_image, .post_litem.pi_gallery .post_thumb .post_image, .post_litem.lrn_mat .post_thumb .post_image, .post_litem.vl_wbnr .post_thumb .post_image, .post_litem.dictop_item .post_thumb .post_image {height: 180px;} .post_litem.pi_news .post_thumb, .post_litem.pi_story .post_thumb, .post_litem.pi_gallery .post_thumb, .post_litem.lrn_mat .post_thumb, .post_litem.vl_wbnr .post_thumb, .post_litem.dictop_item .post_thumb {max-height: 180px;} /* === Pagination === */ .pagination_wrap{text-align: center;} .pagination_wrap .pagination{display: inline-block;} .pagination_wrap .pagination span.page-numbers, .pagination_wrap .pagination a.page-numbers {padding: 0 5px;display: inline-block;background: rgba(4, 104, 177, 0.2);margin: 4px 2px;min-width: 40px;min-height: 40px;line-height: 40px; text-align: center;font-size: 15px;color: #0468B1;font-family: 'ProximaNova-Bold', sans-serif;border-radius: 25px;} .pagination_wrap .pagination .page-numbers.prev, .pagination_wrap .pagination .page-numbers.next{padding: 0 15px;} .pagination_wrap .pagination .current.page-numbers{background: #0468B1;color: #fff;} .navigation.post-navigation{padding-top: 15px;margin: 0;padding-bottom: 15px;text-align: inherit;} .navigation.post-navigation .nav-next a:after {margin-left:8px;content: "\2192"; font-size: 25px;} .navigation.post-navigation .nav-previous a:before {margin-right:8px;content: "\2190"; font-size: 25px;} .textbooks.type-textbooks ~ .navigation.post-navigation{display: none;} /* === W4 Post Pagination === */ .navigation{text-align: center;} .navigation .pagination{display: inline-block;} .navigation span.page-numbers, .navigation a.page-numbers {padding: 0 5px;display: inline-block;background: rgba(4, 104, 177, 0.2);margin: 4px 2px;min-width: 40px;min-height: 40px;line-height: 40px; text-align: center;font-size: 15px;color: #0468B1;font-family: 'ProximaNova-Bold', sans-serif;border-radius: 5px;} .navigation .page-numbers.prev, .navigation .page-numbers.next{padding: 0 15px;} .navigation .current.page-numbers{background: #0468B1;color: #fff;} .navigation .page-numbers.prev:before{content: '«';margin-right: 5px;} .navigation .page-numbers.next:after{content: '»';margin-left: 5px;} /* === Quiz Page === */ /*.quiz_view [id^="ays-quiz-container"]{min-height: 350px !important;}*/ .quiz_view .ays-quiz-container{box-shadow: none !important;margin: 0;border: 0 solid #000 !important; padding: 0;min-height: inherit !important;} .quiz_view .ays-quiz-container .ays_quiz_reports{display: none;} .quiz_view .ays-quiz-container .ays-question-counter{position: static;display: block;width: 100%;text-align: left; margin: 0 0 10px !important;padding: 0;font-size: 26px;line-height: normal;color: #89B12A !important; font-family: 'ProximaNova-Bold', sans-serif;} /*.quiz_view .ays-quiz-container .ays-question-counter:before{content: 'Question '}*/ .quiz_view .ays-quiz-container .ays_quiz_question{margin: 20px 0 30px 0;text-align: left;} .quiz_view .ays-quiz-container .ays_quiz_question p, .quiz_view .ays-quiz-container .ays_quiz_question span {margin: 0 !important;padding: 0;color: #0A0A0A !important; text-align: left !important;font-size: 26px !important;line-height: normal;} .quiz_view .ays-quiz-container .step{min-height: 0 !important;padding: 20px 0;-ms-flex-wrap: wrap;flex-wrap: wrap;} .quiz_view .ays-quiz-container .step .ays-abs-fs{width: 100%;} .quiz_view .ays-quiz-container .step .lds-ripple{margin: 80px auto !important;} .quiz_view .ays-quiz-answers{} .quiz_view .ays-quiz-container .ays-quiz-answers .ays-field{border: 0 !important;opacity: 1;} .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label{padding: 12px 40px 10px 100px !important; background: #89B12A !important;position: relative;color: #fff !important;line-height: 1.3;min-height: 76px; font-size: 18px !important;} .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label:hover{background: #89B12A !important;opacity: 0.8;} .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.correct_div label{background: #0468b0 !important;} .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.correct_div label:before{background: rgba(255, 255, 255, 0.2) !important;} .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.wrong_div label{background: #D33434 !important;} .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.wrong_div label:before{background: rgba(255, 255, 255, 0.2) !important;} #ays-quiz-container-15 label.correct.answered{background: #33cc33 !important;} #ays-quiz-container-15 label.answered.wrong{background: #ff3a21!important ;} .postid-4432 .ays-field.checked_answer_div.wrong_div label{background: #ff3a21 !important;} .postid-4432 .ays-field.checked_answer_div.wrong_div label:before{background: rgba(255, 255, 255, 0.2) !important;} .quiz_view .ays-quiz-container .ays-quiz-answers .ays-field label:before{color: #FFF;font-size: 30px;display: block;position: absolute; left: 0;top: 0;bottom: 0;margin: auto;line-height: 80px;width: 80px;text-align: center;height: 100%;padding: 0; border-radius: 0;background: #9CC33B !important;text-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);} .quiz_view .ays-quiz-answers .ays-field:nth-child(1) label:before{content: 'A' !important; place-content: center;} .quiz_view .ays-quiz-answers .ays-field:nth-child(2) label:before{content: 'B' !important; place-content: center;} .quiz_view .ays-quiz-answers .ays-field:nth-child(3) label:before{content: 'C' !important; place-content: center;} .quiz_view .ays-quiz-answers .ays-field:nth-child(4) label:before{content: 'D' !important; place-content: center;} .quiz_view .ays-quiz-answers .ays-field:nth-child(5) label:before{content: 'E' !important; place-content: center;} .quiz_view .ays-quiz-answers .ays-field:nth-child(6) label:before{content: 'F' !important; place-content: center;} .quiz_view .ays-quiz-container .ays-quiz-answers .ays-field label:after{position: absolute;right: 0;width: 40px;text-align: center; height: 30px;margin: auto;bottom: 0;top: 0;font-family: FontAwesome;font-size: 22px;line-height: 30px;color: #fff;background-image: none;} .quiz_view .ays-quiz-container .ays-quiz-answers .ays-field.checked_answer_div.wrong_div label:after{content: "\f088" !important;} .quiz_view .ays-quiz-container .ays-quiz-answers .ays-field.checked_answer_div.correct_div label:after{content: "\f087" !important;} .quiz_view .ays-quiz-container .ays-live-bar-wrap{position: static;} .quiz_view .ays-quiz-container .ays-live-bar-wrap .ays-live-bar-fill{color: #000;border-bottom: 2px solid #89b12a;} .quiz_view .ays-quiz-container .ays_buttons_div{justify-content: space-between!important; align-items: center!important;} .quiz_view [id^="ays-quiz-container"] .ays_buttons_div .action-button, .quiz_view [id^="ays-quiz-container"] .ays_quiz_results_page .ays_restart_button {background: #fff ;color: #0968B1; border-radius: 0 ;line-height: 30px;padding: 0 5px ;height: auto;min-width: 30px;display: inline-block; margin: 0 0 0 0px;font-size: 20px !important;box-shadow: none!important;border: 0;} .quiz_view .ays-quiz-container .ays_buttons_div .action-button:hover{opacity: 0.8;} .quiz_view .ays-quiz-container .step .ays-abs-fs.ays-start-page{padding: 50px 20px;border-radius: 0; /*border: 2px solid #89B12A;*/} .quiz_view .ays-quiz-container .step .ays-abs-fs.ays-start-page .ays-fs-title{font-size: 18px;margin: 0 0 15px !important; color: #0A0A0A !important;padding: 0;display: none;} .quiz_view .ays-quiz-container .ays_quizn_ancnoxneri_qanak{display: none;} .ays-abs-fs.ays-start-page .start_button{ font-size: 30px!important; font-weight: 600!important; fill: #1769B1!important; color: #1769B1!important; background-color: #fff!important; border-radius: 10px 10px 10px 10px!important; padding: 20px 50px 20px 50px!important;} input.ays_next.start_button.action-button{ font-size: 30px!important; font-weight: 400!important; text-transform: uppercase!important; color: #fff; background-color: #0968B1!important; border: none!important; padding: 12px 50px 10px 50px!important; outline-style: none!important; outline: none!important;} /*.container-fluid.quiz_view.orange.earth_doubt input.ays_next.start_button.action-button { background-color: #f05a28!important; } .container-fluid.quiz_view.green.earth_glass input.ays_next.start_button.action-button { background-color: #009345!important; } .container-fluid.quiz_view.purple input.ays_next.start_button.action-button{ background-color: #652d90!important; } */ input.ays_next.start_button.action-button:after{ content: ''; margin-left: 10px; height: 20px; display: inline-block; width: 30px; background-image: url(img/icons/right_arrow_white.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; background-color: transparent; vertical-align: text-bottom; } input.ays_next.start_button.action-button:before{ content: ''; margin-left: 10px; height: 20px; display: inline-block; width: 30px; background-image: url(img/icons/right_arrow_white.svg); background-size: 20px; background-repeat: no-repeat; background-position: center; background-color: transparent; vertical-align: text-bottom; } .ays_buttons_div input.ays_next.action-button{ background-color: #fff!important; font-weight: 700!important; margin-left: auto!important; padding: 0 5px !important; } input.ays_early_finish.action-button{ background-color: #fff!important; font-weight: 700!important; bottom: -60px!important; position: absolute!important; right: 0px!important; border: solid 1px #0968B1 !important; border-radius: 10px !important; padding: 10px 40px!important; } .ays_buttons_div input.ays_early_finish.action-button:hover{ border: solid 2px #0968B1 !important; } input.ays_previous.action-button{ background-color: #fff!important; font-weight: 700!important; padding: 0 5px !important; } /*i.ays_display_none.ays_fa.ays_fa_flag_checkered.ays_early_finish.action-button.ays_arrow{ display: inline-block!important; bottom: -40px!important; position: absolute!important; right: 0!important; border: solid 1px #0968B1 !important; border-radius: 0px 20px 20px 0px !important; border-left: none !important; }*/ i.ays_fa.ays_fa_arrow_left.ays_previous.action-button.ays_arrow.ays_display_none{ display: inline-block!important; margin-left: 0!important; padding: 0 5px !important; } i.ays_fa.ays_fa_arrow_right.ays_next.action-button.ays_arrow.ays_next_arrow.ays_display_none{ display: inline-block!important; order: 6!important; padding-left: 0!important; padding-right: 0px!important; } body.single-quiz_listing .post-thumbnail{display: none;} .quiz_view .ays-quiz-container .ays_score_message{} .ays_score_message .success, .ays_score_message .fail{margin: 0 0;} .ays_score_message .success h4, .ays_score_message .fail h4 {font-size: 30px;font-family: 'ProximaNova-Bold', sans-serif;margin: 0 0 15px !important;text-align: left; font-size: 40px;width: 65%;} .ays_score_message .success p, .ays_score_message .fail p{font-size: 18px;margin: 0 !important;padding: 0;color: #0A0A0A;} .ays_score_message .success h4{color: #89B12A;} .ays_score_message .fail h4{color: #e5243b;} .quiz_view .ays-quiz-container .ays_score{width: 170px;margin: 0 auto 30px !important;background-color: transparent;border-radius: 0; font-size: 17px;line-height: 1.1;height: auto;color: #fff !important;padding: 0px 0px;float: right; background-image: url(img/svg/quiz_result.svg);background-size: 100px;background-repeat: no-repeat;background-position: center;} .quiz_view .ays-quiz-container .ays_score .ays_score_percent {margin-top: 5px;display: block;font-size: 34px;font-family: 'ProximaNova-Bold', sans-serif;} .quiz_view .ays-quiz-container .ays_average{display: none !important;} .quiz_view [id^="ays-quiz-container"] .ays_quiz_results_page .ays_restart_button{border-radius: 50px !important;} .quiz_view .ays_quiz_results_page{padding: 60px 30px 50px 30px;background: #0968B1!important;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); position: relative;width: 500px;max-width: 100%;margin: 15px auto 0; background-size: 125px, 200px; background-image: url(img/shapes/green_topright.svg), url(img/earth_mascot_quiz.png); background-repeat: no-repeat; background-position: top right, left 30px bottom 50px; border-radius: 20px;} .quiz_view .ays_quiz_results_page:after{content: '';display: table;clear: both;} .quiz_view a.next_quiz{position: absolute;right: 30px;bottom: 15px;color: #fff !important;} .quiz_view [id^="ays-quiz-container"] .ays_quiz_results_page .ays_restart_button {position: absolute;bottom: 15px;right: auto;background: transparent !important;color: #89B12A !important;font-weight: normal; padding: 0 !important;border-radius: 0 !important;height: auto;line-height: normal;font-size: 18px !important;margin: 0;left: 15px;} .related_post{padding: 30px 0;} .head_style_2{margin-bottom: 20px;} .head_style_2 img{display: inline-block;vertical-align: middle;height: 120px} .head_style_2 h2{display: inline-block;vertical-align: middle; margin: 0;padding: 0 0 0 15px;color: #0A0A0A;font-size: 30px;} .post_litem.quiz_item .post_thumb img{margin-bottom: 0;} .post_litem.quiz_item p.title{position: absolute;bottom: 10px;z-index: 3;margin: 0;padding: 0 10px;max-height: 36px;line-height: 18px; overflow: hidden;color: #fff;text-transform: none;left: 0;right: 0;font-family: "Montserrat", sans-serif;height: auto; font-size: 15px;} .post_litem.quiz_item .post_thumb:after {content: '';display: block;width: 100%;background-color: transparent;position: absolute;bottom: 25px;left: 0;right: 0;z-index: 1; height: 100%;background-position: bottom center;background-size: 100%;background-repeat: no-repeat;} .post_litem.quiz_item .post_thumb:after{background-image: url(img/shapes/blue_shape_img.svg);} .post_litem.quiz_item .post_thumb:before{content: '';background: #0090f9;bottom: 0;left: 0;right: 0;position: absolute;height: 32px;z-index: 2;} .rand_clr .quiz_item.blue .post_thumb:after{background-image: url(img/shapes/blue_shape_img.svg);} .rand_clr .quiz_item.blue .post_thumb:before{background: #0090f9;} .rand_clr .quiz_item.orange .post_thumb:after{background-image: url(img/shapes/orange_shape_img.svg);} .rand_clr .quiz_item.orange .post_thumb:before{background: #fec986;} .rand_clr .quiz_item.orange p.title{color: #0A0A0A;} .rand_clr .quiz_item.green .post_thumb:after{background-image: url(img/shapes/green_shape_img_sm.svg);bottom: 12px;} .rand_clr .quiz_item.green .post_thumb:before{background: #9cc33b;} .post_litem.vl_wbnr .post_thumb{} .post_litem.vl_wbnr .post_thumb:after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-size: 50px; background-color: rgba(0, 0, 0, 0.5);background-image: url(img/video_play.svg);background-repeat: no-repeat;background-position: center;} .post_litem.vl_wbnr .post_thumb.no_thumb{border-radius: 10px;} .post_litem.vl_wbnr .post_thumb.no_thumb:after{background-color: rgba(4, 104, 177, 0.2);} /* ============= Quiz Single Page Design ============= */ .vc_cta3.quiz_blocklink{position: relative;background-color: transparent !important; padding: 0 !important;border: 0 !important;border-radius: 0 !important;} .vc_cta3.quiz_blocklink .vc_cta3-content{margin: 0 !important;} .vc_cta3.quiz_blocklink .vc_cta3-content img{width: 100%;} .vc_cta3.quiz_blocklink .vc_cta3-actions{position: absolute;bottom: 0;left: 0;right: 0;} .vc_cta3.quiz_blocklink .vc_cta3-actions .vc_btn3-inline{display: block;margin: 0;} .vc_cta3.quiz_blocklink .vc_cta3-actions .vc_btn3{display: block;width: 100%;text-align: left;font-size: 15px;border-radius: 0; text-transform: none;background-color: transparent !important;border: 0;color: #fff !important;padding: 170px 25% 10px 10px; background-position: bottom center;background-size: 105%;background-repeat: no-repeat;line-height: normal;white-space: normal;} .vc_cta3.quiz_blocklink .vc_cta3-actions .vc_btn3:after{content: '';margin-left: 10px;height: 20px; display: inline-block;width: 30px;background-image: url(img/icons/right_arrow_white.svg);background-size: 20px; background-repeat: no-repeat;background-position: center;background-color: transparent;vertical-align: text-bottom;display: none;} /*content: '\f30b';font-family: "Font Awesome 5 Free"; font-weight: 900;*/ .vc_cta3.quiz_blocklink .vc_cta3-actions .vc_btn3:hover:after{margin-left: 15px;} .vc_cta3.quiz_blocklink.blue_shape .vc_cta3-actions .vc_btn3{background-image: url(img/shapes/blue_shape_img.svg) !important;} .vc_cta3.quiz_blocklink.green_shape .vc_cta3-actions .vc_btn3{background-image: url(img/shapes/green_shape_img.svg) !important;} .vc_cta3.quiz_blocklink.orange_shape .vc_cta3-actions .vc_btn3 {background-image: url(img/shapes/orange_shape_img.svg) !important;color: #0A0A0A !important;} .vc_cta3.quiz_blocklink.orange_shape .vc_cta3-actions .vc_btn3:after{background-image: url(img/icons/right_arrow_black.svg);} /*.quiz_heading{background-size: 100%;background-color: transparent;background-position: bottom center;background-repeat: no-repeat;} .quiz_heading .vc_column-inner .wpb_content_element .wpb_wrapper{width: 500px;text-align: center;margin: auto !important;padding: 80px 0 150px;} .quiz_heading .vc_column-inner .wpb_wrapper h1{text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);color: #fff;font-size: 40px;} */ /*background-size: 100% 100%;background-position: top center;*/ .quiz_heading{background-size: cover;background-position: top center;background-repeat: no-repeat;padding-bottom: 100px; background-image: url(img/quiz_header_bg.png);margin-bottom: 15px;} .quiz_heading .quiz_heading_wrap{width: 1200px;text-align: center;margin: auto !important;padding: 0px 0px 0px 0px; max-width: 100%;position: static;} .quiz_heading .quiz_heading_wrap h1.entry-title{text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);color: #fff;font-size: 30px; border: 0;padding: 0;margin: 0;} .quiz_heading .container{position: relative;} .quiz_heading .quiz_heading_wrap:before{content: '';width: 200px; bottom: 0;left: 0;margin: 0 0 -50px;background-color: transparent;background-position: top center;height: 200px;background-size: 200px; background-repeat: no-repeat;position: absolute;z-index: 11;} /*.quiz_heading:after{content: '';background-image: url(img/shapes/banner_image_wave_blue.svg); position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-size: cover;background-position: bottom;} */ .quiz_heading:after{content: '';background-image: url(img/shapes/banner_image_wave_green.svg); position: absolute;left: 0;right: 0;bottom: 0;top: 0;background-size: 100%;background-position: center bottom;background-repeat: no-repeat;} /*Color*/ .quiz_view.blue .quiz_heading:after{background-image: url(img/shapes/banner_image_wave_blue.svg);} .quiz_view.orange .quiz_heading:after{background-image: url(img/shapes/banner_image_wave_orange.svg);} .quiz_view.green .quiz_heading:after{background-image: url(img/shapes/banner_image_wave_green.svg);} /*Mascot*/ /* .quiz_view.earth_doubt .quiz_heading_wrap::before{background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/07/CBmascot3.png);} .quiz_view.earth_thermo .quiz_heading_wrap::before{background-image: url(img/earth_mascot.png);} .quiz_view.earth_thermo_raised .quiz_heading_wrap::before{background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/07/CBmascot1.png); display: none;} .quiz_view.earth_glass .quiz_heading_wrap::before{background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/07/CBmascot2.png);} .quiz_view.earth_question .quiz_heading_wrap::before{background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/07/CBmascot4.png);} */ /* === Gallery Page === */ body.single .rl-gallery.rl-basicgrid-gallery{margin-left: -10px;margin-right: -10px;} body.single .rl-gallery.rl-basicgrid-gallery .rl-gallery-item{width: 25%;padding: 10px;} body.single .entry-content a{color: #0468B1;} body.single .entry-content a.link, .page_content a.link{background: rgba(4, 104, 177, 0.3);display: inline-block;padding: 6px 10px;text-decoration: underline;} body.single .entry-content h4{font-family: 'ProximaNova-Bold', sans-serif;margin: 10px 0 15px;} body.single .entry-content .gallery{margin-left: -10px !important;margin-right: -10px !important;display: flex;flex-wrap: wrap; flex-direction: row;margin-bottom: 15px !important;} body.single .entry-content .gallery .gallery-item{padding: 10px;margin: 0 !important;} body.single .entry-content .gallery .gallery-item img{border: 0 !important;display: block;} body.single-video_lessons .entry-content iframe{width: 100% !important;margin: 10px 0;height: 500px;} body.single-video_lessons .entry-content .wp-video{width: 100% !important;margin: 15px 0;} body.single-video_lessons .video_lessons .post_attach_body{display: none;} body.single .entry-content .gallery .gallery-item .wp-caption-text{background: rgba(4, 104, 176, 0.1); margin: 0;padding: 2px;font-size: 12px;} .gallery .gallery-item img{width: 100%;} .rl-gallery:not(.rl-hidden-text) .rl-gallery-link:after{background-color: rgba(4, 104, 177, 0.8) !important;} .post_thumb.gallery_thumb{} .post_thumb.gallery_thumb .post_image{} .post_thumb.gallery_thumb .post_image img{height: 100%; border-radius: 10px;} /* === Contest Page === */ .post_litem.contest_item{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);padding: 20px;background-size: 80px; background-image: url(img/shapes/blue_topright.svg);background-repeat: no-repeat;background-position: top right; border-radius: 20px;} .post_litem.contest_item p.title{padding-right: 35px;font-size: 18px;margin-bottom: 35px;} .post_litem.contest_item .post_meta p{margin-bottom: 10px;} .post_litem.contest_item .post_meta{margin-bottom: 40px;clear: both;} .post_litem.contest_item .btn.btn_link{color: #0A0A0A !important;font-size: 15px;} .post_litem.contest_item .btn.btn_link:after{display: none;} .post_litem.contest_item .btn.btn_link .fas{margin: 0 5px 0 0;} .post_litem.contest_item .post_status{margin-bottom: 15px;} .post_status .open{color: #0468B1;} .post_status .closed{color: #C7212F;} /*body.single .competition .pagehead{padding-right: 180px;position: relative;} body.single .competition .pagehead .btn{position: absolute;z-index: 1;right: 0;top: 0;} */ .contest_rules{margin-bottom: 15px;border-bottom: 1px solid #ccc;padding: 0 0 10px;} .contest_rules h4.title{color: #C7212F;font-size: 20px;margin: 0 0 10px;font-family: 'ProximaNova-Bold', sans-serif;} .meta_status .active{color: #0468B1;} .meta_status .inactive{color: #C7212F;} body.single .competition .entry-content img.size-full{margin-top: 15px;margin-bottom: 15px;} /* === Project Page === */ .post_litem.project_item{box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);padding: 20px;background-size: 80px; background-image: url(img/shapes/blue_topright.svg);background-repeat: no-repeat;background-position: top right;} .post_litem.project_item p.title{padding-right: 35px;font-size: 15px;margin-bottom: 35px;color: #0468B1; font-family: "Montserrat", sans-serif;line-height: 22px;height: 44px;margin-bottom: 10px;} .post_litem.project_item .post_meta p{margin-bottom: 12px;padding-bottom: 12px; border-bottom: 1px solid #ccc;line-height: normal;} .post_litem.project_item .contest_name{margin: 0;font-size: 12px;line-height: 16px;} .fp_publish{} .fp_publish #message.updated p{background: #27ae60;color: #fff;padding: 8px 10px;text-align: center;} .fp_publish .acf-notice.acf-error-message{} /* === ACF Form CSS === */ .acf-icon.-cancel:before {content: "\f00d" !important;font-family: FontAwesome;} .acf-form{} .acf-form .acf-fields{} .acf-form .acf-fields .acf-field{padding: 10px 0;border-top: 0;} .acf-form .acf-fields .acf-field:after{content: '';display: table;clear: both;} .acf-form .acf-fields .acf-field .acf-label{margin: 0;width: 30%;float: left;position: relative;} .acf-form .acf-fields .acf-field .acf-input{width: 70%;float: left;position: relative;} .acf-form .acf-fields .acf-field .acf-label label{font-weight: normal;margin: 3px 0 10px;font-family: 'ProximaNova-Bold', sans-serif;} .acf-form .acf-fields .acf-field .acf-input input[type="text"]{border-color: #848484;border-width: 1px;color: #000;} .acf-form .acf-fields .acf-field .acf-input textarea{box-shadow: none;} .acf-form .acf-fields .acf-field .acf-input > p{color: rgba(0, 0, 0, 0.5);} .acf-form .acf-fields .acf-field .acf-input .acf-error-message{margin: -5px 0 0;position: absolute;top: 100%;padding: 1px 5px; border: 0;background: #d94f4f;line-height: normal;height: auto;font-size: 12px;right: 0;color: #fff;z-index: 1;} .acf-form .acf-fields .acf-field .acf-input .acf-error-message p{margin: 0;font-size: inherit;line-height: inherit;} .acf-form .acf-fields .acf-field .acf-input .acf-file-uploader .acf-button{display: inline-block;background: #B8B8B8; color: #fff;padding: 10px 20px;line-height: normal;margin-left: 10px;} .acf-form .select2.select2-container .select2-selection{border-color: #848484 !important;height: 30px;border-radius: 0 !important;} .acf-form .select2-container--default .select2-selection--single .select2-selection__rendered {padding-left: 0 !important;line-height: 28px;} .acf-form .select2.select2-container .select2-selection{} .acf-form .select2.select2-container .select2-selection .select2-selection__arrow:before {font-size: 20px !important;color: #000;line-height: 30px;} .select2-container.select2-container--default.select2-container--open .select2-dropdown{border: 1px solid #000 !important;} .acf-form .acf-fields .acf-field.acf-field-file{} .acf-form .acf-fields .acf-field.acf-field-file .acf-input{margin-left: 30%;} .acf-form .acf-fields .acf-field .acf-repeater .acf-table{border: 0 !important;border-collapse: separate;border-spacing: 0 3px;} .acf-form .acf-fields .acf-field .acf-repeater .acf-table > tbody > tr{} .acf-form .acf-fields .acf-field .acf-repeater .acf-table > tbody > tr > td{border: 0 !important;background: #fff;} .acf-form .acf-fields .acf-field .acf-repeater .acf-actions .acf-button{float: left;display: block;background: rgba(4, 104, 177, 1); color: #fff;line-height: 40px;height: auto;padding: 0 20px;cursor: pointer;} .acf-form .acf-fields .acf-field .acf-repeater .acf-table{} .acf-form .acf-fields .acf-field .acf-repeater .acf-row-handle.order{background: #fff;} .acf-form .acf-fields .acf-field .acf-repeater .acf-row-handle.order + td{} .acf-form .acf-fields .acf-field .acf-repeater .acf-field.acf-field-file{} .acf-form .acf-fields .acf-field .acf-repeater .acf-label label{margin: 3px 0;font-size: 14px;display: none;} .acf-form .acf-fields .acf-field .acf-repeater .acf-input{margin-left: 0;} .acf-form .acf-fields .acf-field .acf-repeater .acf-basic-uploader{margin-bottom: 0;} .acf-form .acf-fields .acf-field .acf-repeater .acf-basic-uploader input{white-space: nowrap; text-overflow: ellipsis;width: 260px;overflow: hidden;max-width: 100%;font-size: 12px;} .acf-repeater .acf-row-handle .acf-icon.-minus{top: auto;display: block;position: relative;margin: auto;} .acf-repeater .acf-row-handle .acf-icon.-minus:before{content: "\f00d";font-family: FontAwesome;line-height: 18px;display: block; text-align: center;width: 20px;height: 20px;font-size: 12px;} .acf-repeater .acf-row-handle .acf-icon.-plus{display: none !important;} .acf-repeater .acf-row-handle.remove{} .acf-form .acf-form-submit{padding-left: 30%;margin-top: 15px;} .acf-form .acf-form-submit .button{background: #0468B1;font-size: 15px;border: 0;border-radius: 0; padding: 10px 20px;line-height: normal;color: #fff;} .acf-form .acf-form-submit .button:hover, .acf-form .acf-form-submit .button:focus {background: rgba(4, 104, 177, 0.6);} /* === View Form === */ .view_form{} .view_form .item{margin: 0 0 20px;} .view_form .item label{margin: 0;} .view_form .item .value{font-size: 15px;font-family: 'ProximaNova-Bold', sans-serif;} .view_form .item .value .file{margin-bottom: 10px;} .view_form .item .value .file a{text-decoration: underline;font-family: "Montserrat", sans-serif;} .view_form .item .value .file a .fas{color: #000;} /* === Search Page === */ .search-results{} .search-results .pagehead h1 span{color: #0468B1;} .search-results .post_litem{} .search-results .post_litem h2.entry-title{font-size: 18px;color: #0468B1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .search-results .post_litem .post_url{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 12px; color: #0A0A0A;display: block;} .search-results .post_litem .entry-summary{margin: 10px 0 0;} .search-results .post_litem .entry-summary p{} .search-results .post_litem .btn{} .archive .post_litem{margin-bottom: 30px;} .archive .post_litem .post-thumbnail{margin-bottom: 10px;} .archive .post_litem .post-thumbnail img{display: block;} .archive .entry-content{margin-bottom: 10px !important;} .archive .post_litem .entry-footer{display: none;} .cm_page_archive{padding-bottom: 50px;} /* === w4pl Page === */ body.single.single-w4pl .post_attachment_head{display: none;} body.single.single-w4pl .cm_page_single{padding-top: 10px;} body.single.single-w4pl .entry-footer{display: none;} /* ============= UM Page Design ============= */ /* FIX CSS For Diff Language */ body.logged-in.um-page-login .pagehead, body.um-page-password-reset .pagehead, body.um-page-user .pagehead, body.um-page-account .pagehead, body.page-id-1369 .pagehead {display: none;} /* FIX CSS For Diff Language */ body.um-page-login .pagehead, body.um-page-password-reset .pagehead, body.um-page-register .pagehead, body.page-id-1364 .pagehead, body.page-id-1369 .pagehead, body.page-id-1372 .pagehead {width: 450px;margin-left: auto;margin-right: auto;max-width: 100%;} .um_page{padding-bottom: 30px;} .um_page .um-postmessage{background: rgba(4, 104, 177, 0.2);padding: 15px;color: #000;border-radius: 6px;} /* UM Form */ .um-form .um-field{} .um-form .um-field .um-field-label{} .um-form .um-field .um-field-label label{margin: 0;color: #0A0A0A;} .um-form .um-field .um-field-area{} .um-form .um-field .um-field-area .um-form-field{border-color: #658fca !important;} .um-form .um-field .um-field-area .select2.select2-container .select2-selection{border-color: #658fca !important;} .um-form .um-field .um-field-error{padding: 4px 10px;line-height: normal;} .um-form .um-col-alt .um-field-checkbox{margin-bottom: 15px !important;} .um-form .um-col-alt .um-button{background: #0468B1 !important;color: #fff !important;} .um-form .um-col-alt .um-button.um-alt{background: rgba(22, 123, 187, 0.7) !important;} .um_page .um .um-form input[type="text"]:focus, .um_page .um .um-form input[type="search"]:focus, .um_page .um .um-form input[type="tel"]:focus, .um_page .um .um-form input[type="number"]:focus, .um_page .um .um-form input[type="password"]:focus, .um_page .um .um-form textarea:focus {background-color: rgba(4, 104, 177, 0.1) !important;color: #000 !important;border-color: #0468B1 !important;} .um-form p.um-notice.err{background: #C7212F;} .um-form p.um-notice.success{background: #4c9f38;} /* UM Other Fixes */ .um-password{} .um_page .um a.um-link {color: #0468B1;} /* UM Account */ .um-account .um-account-side{padding: 15px;border: 0;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);} .um-account .um-account-side .um-account-meta .um-account-name > a{color: #0A0A0A;font-weight: normal; font-family: 'ProximaNova-Bold', sans-serif;} .um-account .um-account-side ul{} .um-account .um-account-side ul li{background: transparent;margin-bottom: 8px !important;} .um-account .um-account-side ul li a{border-left: 5px solid transparent;} .um-account .um-account-side ul li a .um-account-icon{border-right: 0 !important;padding: 0 0 0 15px !important;} .um-account .um-account-side ul li a .um-account-title{padding-left: 15px;} .um-account .um-account-side ul li a .um-account-arrow{} .um-account .um-account-side ul li a:hover, .um-account .um-account-side ul li a.current {color: #000;background: rgba(4, 104, 177, 0.1);border-left-color: #0468B1;} .um-account .um-account-side ul li a:hover .um-account-icon, .um-account .um-account-side ul li a.current .um-account-icon {color: #0468B1 !important;} .um-account .um-account-main .um-account-tab{} .um-account .um-account-main .um-account-tab .um-account-heading{padding-bottom: 15px;border-bottom: 1px solid #0468B1; margin-bottom: 10px !important;color: #0468B1;font-weight: normal;font-family: 'ProximaNova-Bold', sans-serif;font-size: 20px;} .um-account .um-account-main .um-account-tab .um-account-heading{} /* UM Profile */ .um.um-profile{width: 400px;padding: 20px !important;border: 0;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);max-width: 100% !important;} .um.um-profile .um-profile-body, .um.um-profile .um-profile-navbar{display: none;} .um.um-profile .um-header{padding: 0;border-bottom: 0;} .um.um-profile .um-header .um-profile-edit a{color: #0468B1;} .um.um-profile .um-header .um-name{color: #0A0A0A;font-weight: normal; font-family: 'ProximaNova-Bold', sans-serif;} /* UM Login after Login */ .um.um-login.um-logout{padding: 15px !important;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);} .um.um-login.um-logout .um-misc-with-img{border-bottom: 0;padding: 0;} .um.um-login.um-logout .um-misc-with-img strong{margin-top: 5px;display: block;color: #0A0A0A;} .um.um-login.um-logout ul.um-misc-ul{margin-left: -10px;margin-right: -10px; margin-bottom: 0;padding: 0;list-style: none;} .um.um-login.um-logout ul.um-misc-ul li{padding-left: 10px;padding-right: 10px;display: block;width: 50%;float: left;box-sizing: border-box;} .um.um-login.um-logout ul.um-misc-ul li a{background: #0468B1;color: #fff;display: block;text-align: center;margin-bottom: 10px; cursor: pointer;padding: 10px;height: auto;line-height: normal;box-sizing: border-box;border-radius: 4px;} .um.um-login.um-logout ul.um-misc-ul:after{content: '';display: table;clear: both;} /* === Select2 Design === */ .select2-container .select2-results{} .select2-container.select2-container--open.select2-container--default .select2-dropdown .select2-results li {color: #0A0A0A !important;background: #fbfbfb !important;} .select2-container.select2-container--open.select2-container--default .select2-dropdown .select2-results li:hover {color: #fff !important;background: rgba(4, 104, 177, 0.6) !important;} .select2-container.select2-container--open.select2-container--default .select2-dropdown .select2-results li.select2-results__message {background: #ffeaa7 !important;color: #000 !important;} /* === VC Page Design === */ .page_header{} .page_header h1{font-size: 30px;line-height: normal;padding: 0;margin: 0 0 20px;color: #0A0A0A;font-weight: normal; border: 0;position: relative;} .page_header h1:after{content: '';width: 30px;background: #C7212F;height: 3px;position: absolute;left: 0;top: 100%;margin: 5px 0 0; display: none;} .page_content{} .page_content p{text-align: justify;} .vc_toggle_title>h4{ font-size: 20px; font-weight: 600; color: #fff; } .vc_toggle_content p em{ font-size: 18px; line-height: 22px; color: #fff; } .vc_toggle_content p{ font-size: 18px; line-height: 22px; color: #fff; margin-bottom: 0px!important; } .vc_toggle_content{ margin-bottom: 0px!important; } .vc_toggle{ padding-top: 20px!important; padding-right: 20px!important; padding-bottom: 20px!important; padding-left: 20px!important; background-color: #1769b2 ; border-radius: 20px; } .vc_toggle.vc_toggle_arrow .vc_toggle_icon::after, .vc_toggle.vc_toggle_arrow .vc_toggle_icon::before { border-color: #fff!important; border-width: 3px!important; } /* === Post Comment === */ .comments-area{margin: 20px 0 !important;} .comments-area .comment-respond{background: #fbfbfb;padding: 25px 20px;border: 1px solid #000;border-radius: 8px;} .comments-area .comment-respond .comment-reply-title{} .comments-area .comment-form{} .comments-area .comment-form p{} .comments-area .comment-form .form-control{} .comments-area .comment-form p label{} .comments-area .comment-form p input[type="text"], .comments-area .comment-form p input[type="email"], .comments-area .comment-form p input[type="url"] {} .comments-area .comment-form-cookies-consent{} .comments-area .form-submit{} .comments-area .form-submit .btn.submit{ } /* === wpdiscuz Comment === */ #wpdcom.wpd-default{max-width: 100%;} #wpdcom.wpd-default .wpd-blog-um_teacher .wpd-comment-subheader{border-top: 0;} #wpdcom.wpd-default .wmu-attached-files{} #wpdcom.wpd-default .wmu-attached-files .wmu-attachment .wmu-attached-file-link{display: inline-block; background: #FBFBFB;border: 1px solid #E8E8E8;padding: 6px 10px;color: #0468B1;} #wpdcom.wpd-default .wmu-attached-files .wmu-attachment .wmu-attached-file-link img{max-height: 20px;margin-right: 5px;} #wpdcom.wpd-default .wpd-form-head .wpd-sbs-toggle{display: none;} #wpdcom.wpd-default .wpd-prim-button{border-radius: 0;} /* === Common Sidebar === */ .sidebar{display:none;} .sidebar h2.title{color: #000;font-size: 20px;line-height: normal;margin-bottom: 5px;padding-bottom: 10px;} /* === Toolkit Page === */ .accordion > .card{border: 0;border-radius: 0;} .accordion > .card > .card-header{padding: 0;background-color: transparent;border-bottom: 0;} .accordion > .card > .card-header .btn{display: block;width: 100%;font-size: 15px;background: transparent;position: relative; padding: 5px 30px 5px 0;border-radius: 0;border: 0;text-align: left;box-shadow: none !important;text-decoration: none;} .accordion > .card > .card-header .btn:after{position: absolute;right: 8px;top: 0;bottom: 0;margin: auto;content: '\f078' !important; font-family: "Font Awesome 5 Free";font-weight: 800;color: inherit;font-size: 18px;height: 20px;line-height: 20px;} .accordion > .card > .card-header .btn.collapsed{color: #000000 !important;} .accordion > .card > .card-header .btn:not(.collapsed){color: #0468B1 !important;} .accordion > .card > .card-header .btn:not(.collapsed):after{content: '\f077' !important;} .accordion > .card .card-body{padding: 15px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} .accordion > .card .card-body ul{list-style: none;padding: 0;margin: 0;} .accordion > .card .card-body ul li a{display: block;padding: 5px 0;line-height: normal;color: #000;} .accordion > .card .card-body ul li a:hover{color: #0468B1;} /* === Tabs Design === */ .nav-tabs{} .nav-tabs .nav-item{margin-right: 40px;} .nav-tabs .nav-item .nav-link{padding: 10px 0;color: #0468B1;font-size: 20px;line-height: normal;border-radius: 0;white-space: nowrap; border-width: 0 0 3px 0;border-color: transparent;border-style: solid;opacity: 0.5;background: transparent;} .nav-tabs .nav-item .nav-link span{display: inline-block;vertical-align: top;line-height: 22px;} .nav-tabs .nav-item .nav-link img{display: inline-block;vertical-align: top;height: 20px;margin: 0 8px 0 0;max-width: 25px;} .nav-tabs .nav-item .nav-link.active{opacity: 1;font-family: 'ProximaNova-Bold', sans-serif;border-color: #0468B1;} .tab-content > .tab-pane{padding: 25px 0;} /* === Search === */ .search_small{position: relative;width: 260px;margin-bottom: 25px;max-width: 100%;} .search_small input[type="text"] {border: 1px solid #848484;height: 40px;font-size: 16px; padding: 0 50px 0 20px;display: block;width: 100%; border-radius: 10px;} .search_small input[type="submit"] {position: absolute;right: 1px;top: 1px;bottom: 1px;height: auto;border: 0;background-color: transparent; color: transparent;margin: auto;width: 40px;background-image: url(img/search.svg);padding: 0;background-size: 20px; background-repeat: no-repeat;background-position: center;} .search_small.search_md{width: 450px;} /* ============= Swipe Box ============= */ #swipebox-overlay{background: rgba(0, 0, 0, 0.8);} #swipebox-overlay #swipebox-close{right: 25px;top: 10px;} #swipebox-overlay #swipebox-bottom-bar{display: block !important;-webkit-transform: none !important;transform: none !important; bottom: 0;text-shadow: none;background: transparent;opacity: 1;} #swipebox-overlay #swipebox-bottom-bar #swipebox-prev{right: auto;left: 15px;} #swipebox-overlay #swipebox-bottom-bar #swipebox-next{right: 15px;left: auto;} #swipebox-overlay #swipebox-bottom-bar #swipebox-prev, #swipebox-overlay #swipebox-bottom-bar #swipebox-next {border: 1pt solid #fff !important;border-radius: 50%;background-color: #0468B1;top: 0;position: fixed;bottom: 0;margin: auto;} /* ============= Footer ============= */ /*#footer-widget{background: #1769b1!important;padding: 50px 40px 20px 40px;} #footer-widget .widget{margin-bottom: 30px;} #footer-widget h3.widget-title{font-size: 15px;font-family: 'ProximaNova-Bold', sans-serif; color: #FFF;margin: 0 0 15px;} #footer-widget .widget ul.menu{} #footer-widget .widget ul.menu li.menu-item{margin-bottom: 10px;} #footer-widget .widget ul.menu li.menu-item:last-child{margin-bottom: 0;} #footer-widget .widget ul.menu li.menu-item a{font-size: 15px;padding: 0;color: #fff;font-weight: normal; background: transparent !important;line-height: normal;display: inline-block;} ul.socials{display: block;padding: 0;margin: 10px 0 0;} ul.socials li{display: inline-block;margin: 0 5px 0 0;} ul.socials li a{color: #fff;display: block;font-size: 16px;padding: 0;background: rgba(255, 255, 255, 0.2); border-radius: 5px;height: 30px;line-height: 30px;width: 30px;text-align: center;} #footer-widget .footer_top{padding-bottom: 30px;border-bottom: 0 solid #fff;margin-bottom: 40px;position: relative;} #footer-widget .footer_top:after{content: '';position: absolute;height: 1px;background: #fff;width: auto; left: 15px;right: 15px;top: 100%;} footer.site-footer{background-color: #15598c!important;} footer.site-footer .container {padding: 6px !important;} footer.site-footer .site-info{font-size: 14px;text-align: center;color: #fff;} .footer_top_left .footer_logo{max-height: 140px;display: inline-block;margin: 0 10px 0 0;vertical-align: middle;} .footer_top_left h4{display: inline-block;vertical-align: middle;width: 350px;color: #fff; font-size: 64px; font-weight:800;line-height:66px;margin: 0;max-width: 100%;} */ /* ============= Error 404 ============= */ .error-404{padding-top: 30px;padding-bottom: 80px;} .error-404 .page-header{background: #0468B1;padding: 30px 15px;text-align: center;} .error-404 .page-header h1.page-title{color: #fff;} .error-404 .page-header p{color: #fff;} .error-404 .page-content{} .error-404 .page-content h3{font-family: 'ProximaNova-Bold', sans-serif;font-size: 32px;margin: 30px 0 15px;} .error-404 .page-content .search-form, .no-results .page-content .search-form {position: relative;padding: 10px;border: 1px solid #0468B1;background: rgba(4, 104, 177, 0.2);} .error-404 .page-content .search-form label, .no-results .page-content .search-form label{display: block;margin: 0;} .error-404 .page-content .search-form label .search-field, .no-results .page-content .search-form label .search-field {border-radius: 0;height: 40px;font-size: 15px;padding: 0 100px 0 15px;color: #000;box-shadow: none;border-color: #0468b1;} .error-404 .page-content .search-form .search-submit, .no-results .page-content .search-form .search-submit {background: #0468B1;border-radius: 0;height: 40px;line-height: normal; padding: 0 15px;position: absolute;right: 10px;top: 10px;bottom: 10px;margin: auto;} .members-access-error{position: relative;padding: .75rem 1.25rem;margin-bottom: 1rem;border: 1px solid transparent; border-radius: .25rem;color: #721c24;background-color: #f8d7da;border-color: #f5c6cb;} /* ============= Other Fixes ============= */ /*body.single-post .breadcrumbs .breadcrumbs_wrap span:nth-child(2){display: none;} */ /* ============= colorbox ============= */ #cboxOverlay{background-image: none;background-color: rgba(0, 0, 0, 0.8);opacity: 1 !important;} #colorbox #cboxClose{bottom: auto;top: 0;background: #e5243b;border-radius: 50%;} #colorbox #cboxClose:after{content: "\f00d";font-family: FontAwesome;position: absolute;left: 0;right: 0;top: 0;bottom: 0; color: #fff;z-index: 1;font-size: 12px;text-indent: 0;line-height: 25px;} /* ============= Admin Bar TOP ============= */ body:not(.administrator) #wpadminbar ul.ab-top-menu li#wp-admin-bar-wp-logo {display: none;} body:not(.administrator) #wpadminbar .ab-top-secondary #wp-admin-bar-search {display: none;} body:not(.administrator) #wpadminbar .ab-top-secondary #wp-admin-bar-my-account {display: none;} body.role-um_contest-admin #wpadminbar .ab-top-secondary #wp-admin-bar-comments {display: none;} body.um_contest-admin #wpadminbar ul.ab-top-menu li#wp-admin-bar-comments, body.um_contest-admin #wpadminbar ul.ab-top-menu li#wp-admin-bar-new-content {display:none !important;} /* ============= Changes for Other Languages ============= */ /* === Russian Language === */ /*html[lang="ru-RU"] body header#masthead ul.navbar-nav > li{padding: 0 8px;} html[lang="ru-RU"] .home_twitter .slick-arrow {top: 250px;}*/ /* ================ Responsive Media Query ================ */ /*@media (min-width: 1200px) { body header#masthead ul.navbar-nav > li:hover > ul.dropdown-menu, body header#masthead ul.navbar-nav > li.open_lvl2_submenu > ul.dropdown-menu{display: block;} body header#masthead ul.navbar-nav > li > .lvl2_click{display: none;} }*//* 1200px */ @media (max-width: 1200px) { /*.navbar-light .navbar-toggler{color: #1769b1;background: #fff;padding: 0 5px; font-size: 24px;line-height: 24px;height: 24px;border: 0;width: 24px;border-radius: 4px; position: absolute;right: 0;top: 0;bottom: 0;margin: auto; margin-top:18px;} header.site-header nav {padding-right: 50px !important;} header.site-header .navbar .navbar-collapse:before{content: '';width: 0;height: 0; border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid #0468B1; position: absolute;bottom: 100%;right: 6px;} header.site-header .navbar .navbar-collapse{position: absolute;top: 40px;z-index: 1;background: #1769b1;right: 0px; border: 0px solid #0468B1;padding: 10px;min-width: 200px;margin-top: 25px; border-radius:10px;} body header#masthead ul.navbar-nav > li {padding: 0;} body header#masthead ul.navbar-nav > li > a {padding: 10px 40px 10px 10px !important;} body header#masthead ul.navbar-nav > li.mobile_menu{display: block;} s body header#masthead ul.navbar-nav > li{border-bottom: 0px solid #ccc;} body header#masthead ul.navbar-nav > li:last-child{border-bottom: 0;} body header#masthead ul.navbar-nav .dropdown-menu{box-shadow: none !important;width: 100% !important;border-bottom: 2px solid #0468B1;} body header#masthead ul.navbar-nav li a.dropdown-toggle:after{display: none;} body header#masthead ul.navbar-nav > li.open_lvl2_submenu > ul.dropdown-menu{display: block;margin: 0;} body header#masthead ul.navbar-nav > li > a {font-size: 14px !important;color: #fff!important;} body header#masthead ul.navbar-nav > li {padding: 0 !important;} body header#masthead ul.dropdown-menu > li > a {padding: 5px 10px; color:#fff;} header#masthead .nav_right ul.user_menu{display: none;} header#masthead{padding: 50px 40px 30px;}*/ .home_news .vc_grid-item-mini .vc_gitem-col .vc_gitem-post-data-source-post_excerpt{margin-top: 30px;} .home_twitter .content_box h2{font-size: 28px;} .quiz_heading {background-size: 100% auto;} .quiz_heading .quiz_heading_wrap {padding: 0px 0px 0 0px; width: 1000px;} .quiz_heading .quiz_heading_wrap:before{width: 200px;height: 200px;background-size: 200px;} #content.site-content {padding-top: 0px!important;} body.single .rl-gallery.rl-basicgrid-gallery .rl-gallery-item {width: 33.33%;} .post_attachment_head{min-height: 350px;} /*body.single-textbooks .breadcrumbs, body.single-stories .breadcrumbs, body.single-post .breadcrumbs, body.single-discussion_topic .breadcrumbs, body.single-learning_materials .breadcrumbs, body.single-video_lessons .breadcrumbs, body.single-discussion_material .breadcrumbs {top: 350px;}*/ .documents_list .col-5{-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} #TBsidebar.fixed {max-width: 230px;} }/* 1200px */ @media (min-width: 992px) and (max-width: 1199.98px) { }/* === 992px - 1199.98px === */ @media (min-width: 991.98px) { /* Breadcrumbs Position 2 */ body.single-textbooks .breadcrumbs, body.page-id-54 .breadcrumbs, body.page-id-1298 .breadcrumbs {padding-top: 60px;} body.single-textbooks .breadcrumbs .breadcrumbs_wrap, body.page-id-54 .breadcrumbs .breadcrumbs_wrap, body.page-id-1298 .breadcrumbs .breadcrumbs_wrap {padding-left: calc(25% + 5px);} } @media (max-width: 991.98px) { .n2-ss-slider .climate_highlight{margin: 0 !important;} .toolkit_highlight img{width: 150px;margin: 0;} .quiz_heading {background-size: 100% auto;background-position: left top;padding-bottom: 120px;} .quiz_heading .quiz_heading_wrap {padding: 0px 0px 0 0px;width: 750px;} .quiz_heading .quiz_heading_wrap h1.entry-title {font-size: 26px!important;} .quiz_heading .quiz_heading_wrap:before {width: 150px;height: 150px;background-size: 150px; top: 40px!important;} .home_twitter .slick-arrow {top: 200px;} .documents_list .col-5{-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;} body.single-video_lessons .entry-content iframe{height: 400px;} .pagehead .head_action {text-align: left;} .sidebarWrap {padding-top: 40px;} .sidebarWrap .btn.btn_back {top: 0;} body.single-textbooks .breadcrumbs, body.single-stories .breadcrumbs, body.single-post .breadcrumbs, body.single-discussion_topic .breadcrumbs, body.single-learning_materials .breadcrumbs, body.single-video_lessons .breadcrumbs, body.single-discussion_material .breadcrumbs {padding-top: 70px !important;} .orange_shape_bg:before {height: calc(20% + 150px);bottom: 0 !important;} .imagebox_bg.wpb_single_image {min-height: 200px;} html[lang="ru-RU"] .home_twitter .slick-arrow {top: 200px;} }/* === 991.98px === */ @media (max-width: 767.98px) { .footer_top_left {margin-bottom: 30px;} .footer_top_left h4 {width: 180px;font-size: 18px;max-width: 100%;} .footer_top_left .footer_logo { max-height: 70px;} #footer-widget {padding-left: 15px;padding-right: 15px;} .wpb_row{padding-left: 15px !important;padding-right: 15px !important;} .home_twitter .slick-prev{left: 30px;} .home_twitter .slick-next{left: 105px;} .home_twitter #ctf .ctf-item{padding: 15px 0 70px 0;} .home_twitter #ctf .ctf-tweet-actions{left: 0;} .home_twitter #ctf .ctf-tweet-meta{left: 0;} #TBsidebar.fixed {max-width: 220px;} .quiz_view .ays-quiz-container .ays-quiz-answers .ays-field{width: 100%;margin: 0 0 15px !important;} .quiz_heading{background-image: url(img/quiz_header_mb_bg.png);background-position: top center;} .quiz_heading .quiz_heading_wrap h1.entry-title {font-size: 24px!important;min-height: 72px;} .quiz_heading .quiz_heading_wrap {width: 650px;padding: 0px 0px 0 0px;} .quiz_heading .quiz_heading_wrap:before {width: 150px;height:150px;background-size: 150px; left: 0px!important;top: 20px!important;} .toolkit_highlight img {width: 100px;} .pagehead .search {position: relative;} .nav-tabs .nav-item .nav-link{padding: 8px 0;font-size: 16px;} .nav-tabs .nav-item{margin-right: 20px;} body.single .rl-gallery.rl-basicgrid-gallery .rl-gallery-item {width: 50%;} .post_attachment_head{min-height: 250px;} /*body.single-textbooks .breadcrumbs, body.single-stories .breadcrumbs, body.single-post .breadcrumbs, body.single-discussion_topic .breadcrumbs, body.single-learning_materials .breadcrumbs, body.single-video_lessons .breadcrumbs, body.single-discussion_material .breadcrumbs {top: 250px;}*/ .documents_list .col-5{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} body.single-video_lessons .entry-content iframe{height: 340px;} .acf-form .acf-fields .acf-field .acf-label{width: 100%;} .acf-form .acf-fields .acf-field .acf-input{width: 100%;} .acf-form .acf-fields .acf-field .acf-label label{margin: 3px 0 5px;} .acf-form .acf-fields .acf-field.acf-field-file .acf-input {margin-left: 0;} .acf-form .acf-form-submit {padding-left: 0;} .quiz_view .ays_quiz_results_page{background-size: 125px, 130px;} .page_meta .meta_date{margin-right: 0;display: block;} #wpdcom [wpd-tooltip]:after{left: 0;transform: translateX(0) translateY(-100%);} .imagebox_bg.wpb_single_image {width: 300px;max-width: 100%;} .imagebox_bg.wpb_single_image {min-height: 300px;} }/* === 767.98px === */ /*@media (min-width: 575.98px) { body.single-textbooks header#masthead.fixed {} body.single-textbooks header#masthead.fixed .navbar-brand {width: 50px;margin-top: -60px;} body.single-textbooks header#masthead.fixed .navbar-brand .logo_wrapper {padding: 0px 2px 5px; } }*/#masthead @media (max-width: 575.98px) { .home_news .vc_grid-item-mini .vc_gitem-col .vc_gitem-post-data-source-post_title h4 {font-size: 22px;line-height: 30px;height: 60px;} .home_news .vc_grid-item-mini .vc_gitem-col .vc_gitem-post-data-source-post_excerpt{margin-top: 20px;} .home_news .vc_grid-item-mini .vc_gitem-col .vc_gitem-post-data-source-post_excerpt p {font-size: 14px;line-height: normal;} .post_litem p.title{height: auto;overflow: visible;} .post_litem .post_content {height: auto;} .breadcrumbs {padding-left: 15px;} #TBsidebarWrap {min-height: auto !important;} #TBsidebar.fixed {max-width: 100%;position: static;} #TBsidebar.sidebar_left{position: static !important;margin-bottom: 20px;} .quiz_heading .quiz_heading_wrap {padding: 0px 0px 0 0px;} .quiz_view .ays-quiz-container .ays-quiz-answers .ays-field label:before {width: 60px;} .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label {padding: 10px 40px 10px 80px !important;} .post_litem {margin-bottom: 30px;} .post_attachment_head{min-height: 180px;} /*body.single-textbooks .breadcrumbs, body.single-stories .breadcrumbs, body.single-post .breadcrumbs, body.single-discussion_topic .breadcrumbs, body.single-learning_materials .breadcrumbs, body.single-video_lessons .breadcrumbs, body.single-discussion_material .breadcrumbs {top: 180px;}*/ .cm_page_single {padding-left: 30px;padding-right: 30px;} body.single .entry-content .gallery .gallery-item {width: 50% !important;} .view_form .item label{display: block;border-bottom: 1px solid #ccc;padding-bottom: 5px;margin-bottom: 5px;} .pagehead .head_action .search{margin-left: 0;} .pagehead .head_action .btn{margin-bottom: 10px;} .quiz_view .ays_quiz_results_page{background-size: 125px, 110px;padding: 30px 50px 50px 30px;} .ays_score_message .success h4, .ays_score_message .fail h4 {font-size: 30px;} .quiz_view .ays-quiz-container .ays_score{font-size: 15px;padding: 40px 30px;width: 140px;height: 140px;background-size: 130px;} .quiz_view .ays-quiz-container .ays_score .ays_score_percent{font-size: 18px;} .quiz_view [id^="ays-quiz-container"] .ays_quiz_results_page .ays_restart_button {right: 120px; font-size: 14px !important;} .quiz_view a.next_quiz {font-size: 14px;line-height: normal;} html[lang="ru-RU"] .home_twitter .slick-arrow {top: 230px;} /*.post_litem .post_thumb .post_image{ height: 300px; }*/ }/* === 575.98px === */ /*body header#masthead.fixed{ margin-left:auto; margin-right:auto; background: #1769b1; color:#fff; padding: 0px 35px 40px; top:0; max-width:1410px; width: calc(100% - 30px); border-radius: 0 0 10px 10px; position:fixed; }*/ @media (max-width: 1200px) { /*header#masthead .nav_right {margin-left: 75px;} .navbar-light .navbar-toggler{line-height: 30px;height: 30px;width: 30px;} header#masthead .nav_right .language_div {margin-bottom: 5px;min-width: 100%;} header#masthead .navbar-brand {margin-top: -10px;width: 55px;} header#masthead .nav_right {margin-left: 65px;width: 100%;} header.site-header nav {padding-right: 30px !important;} header#masthead .nav_right .dropdown_form {display: block;float: right;} header#masthead .nav_right .dropdown_form .dropdown_popup {position: absolute;right: -30px;} header#masthead .nav_right .dropdown_form .dropdown_popup:before {right: 40px;} body header#masthead.fixed{ padding: 20px 35px 60px;!important; }*/ .home_twitter .content_box h2 {font-size: 26px;} .quiz_heading{padding-bottom: 50px;} .nav-tabs .nav-item .nav-link{padding: 8px 0;font-size: 14px;} .nav-tabs .nav-item{margin-right: 20px;} .nav-tabs .nav-item .nav-link img {height: 16px;} .nav-tabs .nav-item .nav-link span {line-height: 18px;} body.single .rl-gallery.rl-basicgrid-gallery .rl-gallery-item {width: 100%;} #swipebox-overlay #swipebox-bottom-bar #swipebox-prev, #swipebox-overlay #swipebox-bottom-bar #swipebox-next {top: auto;bottom: 15px;} .documents_list .col-5{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} /* .quiz_view .ays_quiz_results_page {padding: 15px 15px 50px 15px;} .ays_score_message .success h4, .ays_score_message .fail h4 {font-size: 28px;width: 70%;} .quiz_view .ays_quiz_results_page {background-size: 80px, 90px;background-position: top right, left 15px bottom 50px;} .quiz_view .ays-quiz-container .ays_score {padding: 30px 30px;width: 120px;height: 120px;background-size: 110px;} */ .acf-form .acf-fields .acf-field .acf-repeater .acf-basic-uploader input {width: 200px;} body.single-textbooks .breadcrumbs, body.single-stories .breadcrumbs, body.single-post .breadcrumbs, body.single-discussion_topic .breadcrumbs, body.single-learning_materials .breadcrumbs, body.single-video_lessons .breadcrumbs, body.single-discussion_material .breadcrumbs {padding-top: 50px !important;} }/* === 450px === */ .grayfont{ color:rgba(0, 0, 0, 0.5); } .contest-title{ padding-bottom: 10px; } .btn-white{ color:rgba(0, 0, 0, 0.5) !important; border-radius: 0; margin-top: -20px; padding: 5px 10px; box-shadow: 0 0 6px rgb(0 0 0 / 20%); } .btn-white .fa-sort-down{ top: -2px; } .btn-white .fa-sort-up{ top: 4px; } .vc_desktop #content.site-content{ padding-top: 0px!important; } .logo_wrapper img{ width:75%; } .vc_btn3.vc_btn3-size-lg { font-size: 26px!important; padding-top: 10px!important; padding-bottom: 10px!important; } div#content{ padding-top:0px!important; } div#footer-widget{ border-radius:20px 20px 0 0; margin-left:auto!important; margin-right:auto!important; max-width:1440px; width: calc(100% - 30px); } footer#colophon{ border-radius: 0 0 20px 20px ; margin-left:auto!important; margin-right:auto!important; margin-bottom:15px!important; max-width:1440px; width: calc(100% - 30px); } span.wpr-grid-extra-icon-right{ display:inline; } @media (min-width: 576px){ .container, .container-sm { max-width: 1440px; }} nav.navbar.navbar-expand-xl.p-0{ justify-content: space-between; } /*@media (max-width: 575px){ header#masthead .navbar-brand .logo_wrapper { margin-top:-10px!important;} body header#masthead.fixed { padding: 0px 35px 80px !important; } header#masthead { padding: 50px 22px 80px; } header#masthead .nav_right { margin-top: 20px; } .home header#masthead .nav_right { filter: none!important; } }*/ .wpr-grid-image-wrap img{ aspect-ratio: 420 / 250 !important; object-fit: cover; } @media (max-width: 575px){ .navbar-light .navbar-toggler { margin-top: 15px; } } /*@media (min-width: 1200px){ header#masthead .nav_right { margin-top: 40px; } }*/ /*.wpr-mega-menu .wpr-sub-menu, .wpr-mega-menu .wpr-sub-mega-menu{ visibility: visible!important; opacity: 1!important; z-index: 1!important; position:relative; border-radius:10px; display:block!important; } */ /*body header#masthead.fixed ul.navbar-nav > li > a { color: #fff !important; width: max-content!important; } body header#masthead.fixed ul.navbar-nav > li > a:hover { color: #fff !important; } body header#masthead.fixed ul.navbar-nav > li > a:hover:before{ content:""; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #fff; left:0px; } header#masthead.fixed ul.navbar-nav > li > a:hover{ color: #fff !important; } header#masthead.fixed ul.navbar-nav > li > a:hover:before{ content:""; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #fff; left:0px; } body header#masthead ul.navbar-nav > li > a:hover:before{ content:""; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #1769b1; left:0px; } body header#masthead ul.navbar-nav > li > a{ position:relative!important; color:#1769b1; } body header#masthead ul.navbar-nav > li > a:hover{ color: #1769b1 !important; } header#masthead.fixed ul.navbar-nav > li.current_page_item a:before, header#masthead.fixed ul.navbar-nav > li.current-page-parent a:before { content:""; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #fff; left:0px; } header#masthead.fixed{ display:inline-block; } .home header#masthead.ontop{ position: relative!important; top: 10px; } body header#masthead ul.dropdown-menu > li > a:before{ content:""!important; width: 0!important; height:0!important; }*/ /*@media (min-width: 1200px){ header#masthead { top: 40px; } .home header#masthead ul.navbar-nav > li > a:hover{ color: #1769b1 !important; } .home header#masthead ul.navbar-nav > li > a{ position:relative!important; color:#1769b1!important; width: max-content!important; } .home header#masthead ul.navbar-nav > li > a:hover:before{ content:""; position: absolute; bottom: 0px; width: 100%; height: 2px; background-color: #1769b1; left:0px; } } */ .ekit-template-content-footer{ max-width:100%; margin-left:auto; margin-right:auto; } #footer{ max-width:100%; margin-left:auto; margin-right:auto; } /*.logo_wrapper a img { width: 45px; height: 92px; box-sizing: border-box; padding-left: 200px; background: url(http://zed9tv.undp.org.rs/wp-content/uploads/2021/06/UNDP-Logo-Blue-Medium.png); background-repeat: no-repeat; background-position: left; background-size: 45px; } .home .logo_wrapper a img { width: 45px; height: 92px; box-sizing: border-box; padding-left: 200px; background: url(http://zed9tv.undp.org.rs/wp-content/uploads/2021/06/UNDP-Logo-Blue-Medium.png); background-repeat: no-repeat; background-position: left; background-size: 45px; } body header#masthead.fixed a img { width: 45px; height: 92px; box-sizing: border-box; padding-left: 200px; background: url(http://zed9tv.undp.org.rs/wp-content/uploads/2021/06/UNDP-Logo-White-Medium.png); background-repeat: no-repeat; background-position: left; background-size: 45px; }*/ .form-control{ width: 100%!important; color: #0968B1!important; font-size: 20px!important; font-weight: 700!important; font-family: 'ProximaNova-Bold', sans-serif; border: none!important; border-bottom: 2px solid #0968B1!important; margin-bottom: 10px; border-radius: 0 !important; padding-left: 0 !important; outline: none !important; } .form-control option{ font-weight: 400!important; font-family: 'ProximaNova', sans-serif; font-size: 16px; } .toolkit_docs.notranslate .vc_column-inner{ max-width:400px; padding: 25px!important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-radius: 20px; background: #15598c; color: #fff; } .green_cta .vc_column-inner{ max-width:400px; padding: 25px!important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-radius: 20px; background: #1769b1; color: #fff; } .blue_cta .vc_column-inner{ max-width:400px; padding: 25px!important; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2); border-radius: 20px; background: #15598c; color: #fff; } .vc_row.wpb_row.vc_row-fluid.osb_bottom{ width:auto!important; left:auto!important; display: flex; flex-wrap: wrap; justify-content: center; } .cta_box.vc_cta3 .vc_cta3-actions .vc_btn3{ margin-top:20px; width: auto!important; font-size: 14px!important; line-height: 18px!important; font-weight: 600!important; fill: #1769B1!important; color: #1769B1!important; background-color: #FFFFFF!important; border-style: solid!important; border-width: 2px 2px 2px 2px!important; border-color: #FFFFFF!important; border-radius: 50px 50px 50px 50px!important; padding: 6px 40px 5px 20px!important; text-align: center!important; } .cta_box.vc_cta3 .vc_cta3-actions .vc_btn3:hover{ fill: #1769B1!important; color: #fff!important; background-color: transparent!important; border-color: #FFFFFF!important; } .vc_btn3.vc_btn3-style-modern{ background-image:none!important } .vc_btn3.vc_btn3-size-md .vc_btn3-icon { font-size: 14px!important; height: 19px!important; line-height: 16px!important; display: contents!important; right:auto!important; } .white_toolkit .cta_box.vc_cta3 .vc_cta3-actions .vc_btn3{ fill: #1769B1!important; color: #fff!important; background-color: #1769B1!important; border-color: #1769B1!important; } .white_toolkit .cta_box.vc_cta3 .vc_cta3-actions .vc_btn3:hover{ fill: #1769B1!important; color: #1769B1!important; background-color: transparent!important; border-color: #1769B1!important; } .white_toolkit .cta_box.vc_cta3 h4{ color: #1769B1!important; } /*.white_toolkit .cta_box.vc_cta3 h4:after{ background-color: #1769B1!important; margin-top: 30px; left: 25px; }*/ .white_toolkit img{ border-radius: 10px; aspect-ratio: 997 / 703; object-fit: cover; } .white_toolkit .wpb_wrapper.vc_figure:hover{ transform: scale(1.1); transition: 0.5s ease-in-out; } .white_toolkit .wpb_single_image{ margin-bottom: 20px; } .fa-chevron-right:before{ margin-left:10px; margin-top: 2px; position: absolute; } .vc_btn3-container.vc_btn3-inline{ width:100%; } .vc_cta3-container{ margin-bottom:auto!important; } @media (max-width: 768px) { .green_cta .vc_column-inner{margin-top:-15px!important; } .vc_row.wpb_row.vc_inner.vc_row-fluid, .vc_row.wpb_row.vc_row-fluid { padding-left: 10px !important; padding-right: 10px !important; } } /*.post_litem {margin-bottom: 30px; padding: 15px !important; box-shadow: none; border-radius: 20px; background: #fff; color: #fff; display: table-cell;} .post_litem p.title{ height: auto; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; display: none; } .post_litem .post_content p{ color:#fff; display: none; } .col-sm-6.col-md-4.col-lg-3{ display:table; margin-bottom: 20px; padding-right: 10px; padding-left: 10px; } .post_litem .btn.btn_link{ margin-top: 10px; width: 100% !important; font-weight: 600 !important; fill: #1769B1 !important; color: #1769B1 !important; background-color: #FFFFFF !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: #FFFFFF !important; border-radius: 50px 50px 50px 50px !important; padding: 9px 40px 7px 20px !important; text-align: center !important; display: none; }*/ .single .post_litem{ color:#333; } .page-template-template_textbook .post_litem .btn.btn_link, .page-template-template_quiz .post_litem .btn.btn_link,.single-quiz_listing .post_litem .btn.btn_link{ display: none; } .page-template-template_textbook .post_litem .post_content, .page-template-template_quiz .post_litem .post_content, .single-quiz_listing .post_litem .post_content{ display: none; } .page-template-template_textbook .post_litem p.title,.page-template-template_quiz .post_litem p.title, .single-quiz_listing .post_litem p.title{ display: none; } .post_litem { margin-bottom: 30px; } .post_litem .post_thumb:hover{ transform: scale(1.1); transition: 0.5s ease-in-out; } .post_litem.quiz_item .post_thumb:after{ display: none!important; } .post_litem.quiz_item .post_thumb:before{ display: none!important; } @media (min-width: 768px) { .related_post{ padding-left: 40px; padding-right: 40px; } } header.entry-header.quiz_heading.full-width-container{ background-size: cover; padding-bottom: 0px; min-height: 350px; display: flex; flex-direction: column; justify-content: center; } .quiz_heading:after{ background-image: none!important; } .head_style_2 h2{ font-family: "Inter", Sans-serif !important; font-weight: 800 !important; color: #1769B1; font-size: 30px; } h1.entry-title,.entry-content h3, h3.widget-title{ font-family: "Inter", Sans-serif !important; font-weight: 800 !important; color: #1769B1!important; font-size: 30px; } a.btn.btn_back{ font-family: "Inter", Sans-serif !important; font-weight: 800 !important; color: #1769B1!important; font-size: 18px; } h1.entry-title:after{ display: none; } .quiz_heading .quiz_heading_wrap h1.entry-title { text-shadow: none; font-family: "Inter", Sans-serif !important; font-weight: 700 !important; color: #fff!important; font-size: 61px; } .quiz_heading .quiz_heading_wrap:before{ top:0px; left:80px; } .quiz_view.earth_glass .quiz_heading_wrap::before{ top:40px; left:80px; } svg.e-font-icon-svg.e-fas-chevron-right{ margin-top:-2px!important; } @media (min-width: 768px) { body.single-post .cm_page_single, body.single-stories .cm_page_single, body.single-learning_materials .cm_page_single, body.single-video_lessons .cm_page_single, body.single-discussion_material .cm_page_single, body.single-discussion_topic .cm_page_single{ padding: 0px; } .cm_page_content.textbook_content { padding: 55px; padding-top: 120px; } .ays-questions-container{ padding-left: 40px; padding-right: 40px; } } @media (max-width: 768px) { body.single-post .cm_page_single, body.single-stories .cm_page_single, body.single-learning_materials .cm_page_single, body.single-video_lessons .cm_page_single, body.single-discussion_material .cm_page_single, body.single-discussion_topic .cm_page_single{ padding-top: 120px;; } } .quiz_view .ays-quiz-answers .ays-field:nth-child(1) label:before{ background:#98bbe3!important; border-radius: 30px!important; } .quiz_view .ays-quiz-answers .ays-field:nth-child(2) label:before{ background:#679ed4!important; border-radius: 30px!important; } .quiz_view .ays-quiz-answers .ays-field:nth-child(3) label:before{ background:#2485c7!important; border-radius: 30px!important; } .quiz_view .ays-quiz-answers .ays-field:nth-child(4) label:before{ background:#3d7da0!important; border-radius: 30px!important; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field{ font-size: 20px!important; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label{ background:#1769b1!important; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label:hover{ background:#15598c!important; opacity: 1!important; border-radius: 30px!important; overflow: visible!important; } .quiz_view .ays-quiz-container .ays-question-counter{ color:#0968B1!important; margin-left: 20px; font-family: "Inter", Sans-serif !important; font-weight: 700 !important; font-size: 30px!important; line-height: 40px!important; left: 7px; top:45px; overflow: hidden; display: block; text-align-last: left; } .quiz_view .ays-quiz-container .ays_quiz_question p{ color:#000!important; font-weight: 700!important; } .ays_grid_view_container { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; flex-direction: row; row-gap: 30px; } .ays-abs-fs{ background:#fff!important; outline: none!important; border-radius: 10px!important; padding: 0px 0 0 0!important; } .ays-abs-fs.ays-start-page{ background:#fff!important; outline: none!important; padding:0!important; } .ays_buttons_div{ margin: 0!important; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.correct_div label{ background-color: #3C8E3A !important; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.wrong_div label{ background-color: #D33434 !important; } /* .container-fluid.quiz_view.orange [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.correct_div label{ background-color: rgb(20, 92, 50) !important; } .container-fluid.quiz_view.green.earth_glass [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.correct_div label{ background-color: rgb(20, 92, 50) !important; } .container-fluid.quiz_view.orange [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.wrong_div label{ background-color: rgb(190, 0, 0) !important; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.wrong_div label{ background-color: rgb(190, 0, 0) !important; } .container-fluid.quiz_view.green.earth_glass [id^="ays-quiz-container"] .ays-quiz-answers .ays-field.checked_answer_div.wrong_div label{ background-color: rgb(190, 0, 0) !important; } .container-fluid.quiz_view.orange .ays-quiz-answers .ays-field:nth-child(1) label:before{ background:#ffd476!important; border-radius: 0 10px 0 0!important; } .container-fluid.quiz_view.orange .ays-quiz-answers .ays-field:nth-child(2) label:before{ background:#fec155!important; } .container-fluid.quiz_view.orange .ays-quiz-answers .ays-field:nth-child(3) label:before{ background:#fcb247!important; } .container-fluid.quiz_view.orange .ays-quiz-answers .ays-field:nth-child(4) label:before{ background:#d8a561!important; border-radius: 0 0 10px 10px!important; } .container-fluid.quiz_view.orange [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label{ background:#f05a28!important; } .container-fluid.quiz_view.orange [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label:hover{ background:#f07a28!important; opacity: 1!important; } .container-fluid.quiz_view.orange .ays-abs-fs{ background:#f05a28!important; outline: #e6e7e8 solid 20px!important; border-radius: 10px!important; padding: 20px 0 0 0!important; } .container-fluid.quiz_view.orange .ays-quiz-container .ays-quiz-answers .ays-field{ width: 100%; margin-bottom: 0px!important; border-top: #fdbb52 solid 2px !important; } .container-fluid.quiz_view.orange .ays-abs-fs.ays-start-page{ background:#fff!important; outline: none!important; padding:0!important; } .container-fluid.quiz_view.purple .ays-abs-fs{ background:#652d90!important; outline: #e6e7e8 solid 20px!important; border-radius: 10px!important; padding: 20px 0 0 0!important; } .container-fluid.quiz_view.purple .ays-quiz-container .ays-quiz-answers .ays-field{ width: 100%; margin-bottom: 0px!important; border-top: #a52d90 solid 2px !important; } .container-fluid.quiz_view.purple .ays-abs-fs.ays-start-page{ background:#fff!important; outline: none!important; padding:0!important; } .container-fluid.quiz_view.purple .ays-quiz-answers .ays-field:nth-child(1) label:before{ background:#952d90!important; border-radius: 0 10px 0 0!important; } .container-fluid.quiz_view.purple .ays-quiz-answers .ays-field:nth-child(2) label:before{ background:#852d90!important; } .container-fluid.quiz_view.purple .ays-quiz-answers .ays-field:nth-child(3) label:before{ background:#752d90!important; } .container-fluid.quiz_view.purple .ays-quiz-answers .ays-field:nth-child(4) label:before{ background:#452d90!important; border-radius: 0 0 10px 10px!important; } .container-fluid.quiz_view.purple [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label{ background:#652d90!important; } .container-fluid.quiz_view.purple [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label:hover{ background:#654d90!important; opacity: 1!important; } .container-fluid.quiz_view.green.earth_glass .ays-quiz-answers .ays-field:nth-child(1) label:before{ background:#c3dd8d!important; border-radius: 0 10px 0 0!important; } .container-fluid.quiz_view.green.earth_glass .ays-quiz-answers .ays-field:nth-child(2) label:before{ background:#b6d66d!important; } .container-fluid.quiz_view.green.earth_glass .ays-quiz-answers .ays-field:nth-child(3) label:before{ background:#a0cd52!important; } .container-fluid.quiz_view.green.earth_glass .ays-quiz-answers .ays-field:nth-child(4) label:before{ background:#86a055!important; border-radius: 0 0 10px 10px!important; } .container-fluid.quiz_view.green.earth_glass [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label{ background:#009345!important; } .container-fluid.quiz_view.green.earth_glass [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label:hover{ background:#007345!important; opacity: 1!important; } .container-fluid.quiz_view.green.earth_glass .ays-abs-fs{ background:#009345!important; outline: #e6e7e8 solid 20px!important; border-radius: 10px!important; padding: 20px 0 0 0!important; } .container-fluid.quiz_view.green.earth_glass .ays-quiz-container .ays-quiz-answers .ays-field{ width: 100%; margin-bottom: 0px!important; border-top: #a9d156 solid 2px !important; } .container-fluid.quiz_view.green.earth_glass .ays-abs-fs.ays-start-page{ background:#fff!important; outline: none!important; padding:0!important; } */ .single-quiz_listing .ays-field.ays_grid_view_item label:first-of-type{ display: flex !important; align-items: center!important; } .page-template-template_mapposter .post_litem.mnp_item{ max-width: 400px; padding: 20px !important; box-shadow: none; border-radius: 10px; background: #fff; color: #15598c; height:100%; } .page-template-template_mapposter .post_litem p.title{ font-size: 20px; font-weight: 800; color: #15598c; margin: 20px 0 !important; line-height: 28px; } .page-template-template_mapposter button.btn.btn_link{ position: absolute; bottom: 20px; margin-top: 20px; width: auto !important; font-size: 14px !important; line-height: 18px!important; font-weight: 600 !important; fill: #1769B1 !important; color: #1769B1 !important; background-color: #FFFFFF !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: #1769B1 !important; border-radius: 50px 50px 50px 50px !important; padding: 6px 40px 5px 30px !important; text-align: center !important; } .page-template-template_mapposter button.btn.btn_link:hover{ margin-top: 20px; width: auto !important; font-size: 14px !important; font-weight: 600 !important; fill: #15598c !important; color: #fff !important; background-color: #1769B1 !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: #1769B1 !important; border-radius: 50px 50px 50px 50px !important; padding: 6px 40px 5px 30px !important; text-align: center !important; } .ays_quiz_results_page{ background: transparent!important; margin-bottom: 30px!important; box-shadow: none!important; background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/07/CBmascot4.png)!important; background-position: left 30px bottom 50px!important; background-size: 200px 200px !important; background-repeat: no-repeat !important; width: 1100px!important; } @media (max-width: 575.98px) {.ays_quiz_results_page{ background-size: 150px 150px !important; } } .ays_score_message .success h4{ color: #fff!important; text-align: center!important; font-size: 40px!important; } .ays_score_message h4{ color: #fff!important; text-align: center!important; width: 100%!important; font-weight: 700!important; font-size: 40px!important; } .ays_score_message .success{ display: flex!important; align-items: center!important; } .ays_score_message { display: flex!important; align-items: center!important; } .ays_score_message h5{ width: 50%; } .ays_quiz_results_page .ays_restart_button span{ color: #fff!important; } .ays_quiz_results_page .ays_restart_button i.ays_fa.ays_fa_undo{ color: #fff!important; } a.next_quiz{ color: #fff!important; font-size: 18px!important; } @media (max-width: 575.98px) { a.next_quiz{ font-size: 14px!important; } } a.next_quiz i.fas.fa-chevron-right{ color: #fff!important; position: absolute!important; bottom: 24px!important; } @media (max-width: 575.98px) { a.next_quiz i.fas.fa-chevron-right{ bottom: 16px!important; } } .ays-quiz-container .ays_score { background-image: none!important; } .ays_thank_you_fs p{ font-size: 30px!important; } span.ays_score_percent.animated{ font-size: 50px!important; } .ays-quiz-container .ays_score { width: 270px!important; } .quiz_view .ays-quiz-container .ays_score{ width: 270px!important; } @media (max-width: 575.98px) { span.ays_score_percent.animated{ font-size: 30px!important; } } @media (max-width: 575.98px) { .ays_thank_you_fs p{ font-size: 18px!important; } } @media (max-width: 575.98px) { .quiz_view .ays-quiz-container .ays_score { padding:10px!important; height: 100px!important; margin-top: 30px !important; } } @media (max-width: 575.98px) { .ays-quiz-container .ays_score { padding:10px!important; height: 100px!important; margin-top: 30px !important; } } .navigation.post-navigation .nav-links a{ line-height: 20px!important; font-size: 20px!important; color: #fff!important; background-color: #1769B1!important; border-style: solid!important; border-width: 1px!important; border-color: #1769B1!important; border-radius: 50px 50px 50px 50px!important; padding: 8px 20px 9px 20px!important; text-align: center!important; } .navigation.post-navigation .nav-links a:hover{ color: #1769B1!important; background-color: #fff!important; border-color: #1769B1!important; } /* .single-mapposter .leaflet-map.WPLeafletMap.leaflet-container.leaflet-touch.leaflet-retina.leaflet-fade-anim{ height:auto!important; aspect-ratio:10509/5425!important; object-fit: cover!important; } .single-mapposter img.leaflet-image-layer.leaflet-zoom-animated{ aspect-ratio:10509/5425!important; object-fit: cover!important; height: auto!important; transform: none!important; } .single-mapposter .leaflet-pane.leaflet-map-pane{ aspect-ratio:10509/5425!important; object-fit: cover!important; } .single-mapposter .leaflet-container img.leaflet-image-layer{ max-width: 1410px!important; aspect-ratio:10509/5425!important; object-fit: cover!important; }*/ #mapid { width: 100%; max-width: 1410px; margin: 0 auto; } #gallery-1 img{ height: 300px!important; object-fit:cover; } .leaflet-popup-content h3{ font-size: 16px!important; } .leaflet-popup-content p,.leaflet-popup-content li{ font-size: 12px!important; line-height: 16px!important; font-weight: 600!important; } .leaflet-popup-content p{ margin: 0 0 5px 0!important; } /*.ekit-template-content-markup.ekit-template-content-footer.ekit-template-content-theme-support .wpr-mobile-toggle-wrap{ display: none!important; } .ekit-template-content-markup.ekit-template-content-footer.ekit-template-content-theme-support .wpr-mobile-nav-menu > li { background-color: transparent!important; } .ekit-template-content-markup.ekit-template-content-footer.ekit-template-content-theme-support .wpr-mobile-nav-menu > li a{ color: #fff; } .ekit-template-content-markup.ekit-template-content-footer.ekit-template-content-theme-support .wpr-mobile-menu-display-dropdown .wpr-mobile-mega-menu-wrap{ display: block; } .ekit-template-content-markup.ekit-template-content-footer.ekit-template-content-theme-support .current_page_ancestor a:before { background-color: #fff; width: 20%; }*/ @media (min-width: 992px) { .col-lg-2 { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 5px; padding-right: 5px; } } h2.ays-quiz-category-title{ display: none; } .ays-field input+label:before{ border:none; } p.ays-question-counter.animated{ text-align: center!important; } .post_litem .btn.btn_link:hover{ color: #fff!important; background-color: #1769B1; } @media (max-width: 575px) { .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next{ width: 50%; } } .wpr-nav-menu-bp-mobile .current_page_ancestor a:before{ display: none; } .wpr-nav-menu-bp-mobile .wpr-active-menu-item.wpr-active-menu-item a:before{ content: ""; position: absolute; bottom: 0px; background-color: #fff; width: 20%; height: 2px; } body.um-page-login .pagehead, body.um-page-password-reset .pagehead, body.um-page-register .pagehead,.um.um-login.um-logout{ margin: 100px; } .elementor-widget-text-editor a, .elementor-widget-text-editor a:hover { text-decoration: underline; } @media (min-width: 992px) { .col-lg-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .teQAzf { width: 1140px!important; } ul#ExploreTab{ display: none; } .page-id-394 .col-md-4:nth-child(1) { display: none; } a[href="http://zed9tv.undp.org.rs/mapposter/climate-change-map/"] .post_image{ background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/10/MAP2-eng-1-scaled.jpg)!important; } a[href="http://zed9tv.undp.org.rs/mapposter/poster-co2nserve-co2mbat-co2operate/"] .post_image{ background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/10/MAP1-eng-1-scaled.jpg)!important; } a[href="http://zed9tv.undp.org.rs/mapposter/poster-how-to-resist-climate-change/"] .post_image{ background-image: url(http://zed9tv.undp.org.rs/wp-content/uploads/2024/10/CCA_Poster-1-scaled.jpg)!important; } .page-template-template_quiz .post_litem .post_thumb .post_image{ border-radius: 10px; } @media (min-width: 992px) { .page-template-template_stories .col-lg-8 { -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; } } /*@media (max-width: 900px) { .n2-ss-layer:nth-child(1) .n2-ss-layer-col.n2-ss-layer-with-background.n2-ss-layer-content{ border-radius: 10px 10px 0 0!important; } .n2-ss-layer:nth-child(2) .n2-ss-layer-col.n2-ss-layer-with-background.n2-ss-layer-content{ border-radius: 0 0 10px 10px!important; } } */ .page-template-template_stories .post_litem .post_thumb .post_image{ border-radius: 10px; } .post_image{ border-radius: 10px!important; } path.leaflet-interactive{ fill:red; stroke:red; } .page-template-template_video_lessons .post_litem .btn.btn_link{ display:none; } .page-template-template_stories .col-sm-12.col-md-4.col-lg-3{ display:none; } .page-template-template_stories .col-sm-12.col-md-8.col-lg-9{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } img.ays_quiz_image{ display: none; } .vc_gitem-zone.vc_gitem-zone-a.vc-gitem-zone-height-mode-auto.vc-gitem-zone-height-mode-auto-1-1.vc_gitem-is-link{ border-radius: 10px; max-height:250px; } .wdo-video-container iframe{ border-radius: 10px; height:250px; border: none; } .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt p { display: -webkit-box; /* Коришћење флексибилног бокса */ -webkit-box-orient: vertical; /* Оријентација по вертикали */ -webkit-line-clamp: 5; /* Ограничење на 5 линија */ overflow: hidden; /* Сакривање вишка текста */ text-overflow: ellipsis; /* Додавање тротачке (…) ако је текст предугачак */ text-align:left; margin-bottom: 0px; } .vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_title h4{ font-weight:600; margin-bottom:0px; font-size: 18px; line-height:24px; } .vc_gitem-zone.vc_gitem-zone-c{ background-color:transparent!important; } a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-juicy-pink{ margin-top: 0px; width: auto !important; font-size: 14px !important; font-weight: 600 !important; fill: #1769B1 !important; color: #fff !important; background-color: #1769B1 !important; border-style: solid !important; border-width: 2px 2px 2px 2px !important; border-color: #1769B1 !important; border-radius: 50px 50px 50px 50px !important; padding: 9px 20px 8px 20px !important; text-align: center !important; } a.vc_general.vc_btn3.vc_btn3-size-md.vc_btn3-shape-rounded.vc_btn3-style-flat.vc_btn3-color-juicy-pink:hover{ color: #1769B1 !important; background-color:transparent !important; border-color: #1769B1 !important; } p.title{ font-size:18px!important; line-height:24px!important; } p a{ color: #1769b1!important; text-decoration: underline; } p a:hover{ color: #1769b1!important; text-decoration: underline; } @media (min-width: 768px) { /*p, li span, p span, .post-excerpt, .entry-content p,body.single .entry-content ul li, .contest_rules ul li,.textbook_list ul.menu > li.menu-item > a{ font-size: 14px; line-height:20px; }*/ a.wpr-sub-menu-item span{ font-size: 13px!important; line-height:15px!important; } } @media (min-width: 1025px) { /*p, li span, p span, .post-excerpt, .entry-content p,body.single .entry-content ul li, .contest_rules ul li,.textbook_list ul.menu > li.menu-item > a{ font-size: 16px; line-height:22px; }*/ a.wpr-sub-menu-item span{ font-size: 14px!important; line-height:16px!important; } } @media (max-width: 767px) { /*p, li span, p span, .post-excerpt, .entry-content p,body.single .entry-content ul li, .contest_rules ul li,.textbook_list ul.menu > li.menu-item > a{ font-size: 12px; line-height:18px; }*/ a.wpr-sub-menu-item span{ font-size: 12px!important; line-height:14px!important; } /*header#masthead #main-nav{ width: 100%; border: solid 1px #fff; }*/ .quiz_view .ays-quiz-container .ays_quiz_question p, .quiz_view .ays-quiz-container .ays_quiz_question span { font-size: 20px !important;} } .ekit-template-content-footer a.wpr-menu-item.wpr-pointer-item.wpr-active-menu-item.wpr-active-menu-item{ font-weight: 700; } #footer .wpr-active-menu-item{ font-weight: 700; } .st_box_img img{ aspect-ratio: 760/418; object-fit:contain; width: 760px; height: 418px; } #part{ width: 100%; display: inline-block; margin-top: 10px; margin-bottom: 10px; } #part img{ border-radius: 10px } .student img{ aspect-ratio: 476/268; object-fit:contain; width: 760px; height: 418px; } .student iframe{ aspect-ratio: 476/268; object-fit:contain; width: 760px; height: 418px; } body.page-template.page-template-template_textbook.page-template-template_textbook-php .col-sm-6.col-md-4.col-lg-2{ display:none; } .purple h1.entry-title{ color: #652d90!important; } .green h1.entry-title{ color: #009345!important; } .orange h1.entry-title{ color: #f05a28!important; } @media (max-width: 1024px) and (min-width: 768px) { .elementor-4126 .elementor-element.elementor-element-492571d{ --width: 100%!important; } } svg.e-font-icon-svg.e-fas-search{ width: 20px; } /*ul.sub-menu.wpr-sub-menu{ border-radius: 10px; background: #fff; } a.wpr-sub-menu-item{ border-radius: 9px; } */ section#primary{ padding:0px!important; } .ekit-template-content-footer li.menu-item{ vertical-align: top; } #footer li.menu-item{ vertical-align: top; } i.ea-flipbox-icon.icon.icon-right-arrow{ vertical-align:middle; } a.cta-button.effect-2{ float: right; } div#n2-ss-5 .n2-ss-button-container a div div::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url('/wp-content/uploads/2024/12/Vector-5.png'); background-repeat: no-repeat; background-size: contain; margin-left: 8px; margin-bottom: 2px; vertical-align: middle; } div#n2-ss-5 .n2-ss-button-container:hover a div div::after { content: ''; display: inline-block; width: 12px; height: 12px; background-image: url('/wp-content/uploads/2024/12/Vector-6.png'); background-repeat: no-repeat; background-size: contain; margin-left: 8px; margin-bottom: 2px; vertical-align: middle; } select#lang_choice_polylang-REPLACE_TO_ID{ border: none; background: transparent; color: #0968B1; } select#lang_choice_polylang-REPLACE_TO_ID option:hover { background: #0968B1!important; color: #fff!important; } ul.sub-menu.wpr-sub-menu{ border-radius: 5px!important; } li.menu-item{ border-radius: 5px!important; } a.wpr-sub-menu-item{ border-radius: 5px!important; } #post-399 h1.entry-title, #post-403 h1.entry-title, #post-406 h1.entry-title, #post-408 h1.entry-title, #post-417 h1.entry-title, #post-419 h1.entry-title, #post-421 h1.entry-title, #post-411 h1.entry-title{ color: #000000!important; } .textbook_list ul.menu > li.menu-item:first-child > a:before{ content: ""; display: block; width: 100%!important; height: 130px; background: transparent!important; background-image: url('/wp-content/uploads/2025/03/Group-123.png')!important; background-size: contain!important; background-repeat: no-repeat!important; border-radius: 20px !important; position: relative!important; visibility: visible!important; } .textbook_list ul.menu > li.menu-item:first-child > a{ padding-left: 10px!important; visibility: hidden!important; height: 130px!important; } .textbook_list ul.menu > li.menu-item:first-child { background: #283990!important; border-radius: 20px!important; padding-bottom: 10px; } .textbook_list ul.menu > li.menu-item:nth-child(2) > a:before{ content: ""; display: block; width: 100%!important; height: 130px; background: transparent!important; background-image: url('/wp-content/uploads/2025/03/Group-122-2.png')!important; background-size: contain!important; background-repeat: no-repeat!important; border-radius: 20px !important; position: relative!important; visibility: visible!important; } .textbook_list ul.menu > li.menu-item:nth-child(2) > a{ padding-left: 10px!important; visibility: hidden!important; height: 130px!important; } .textbook_list ul.menu > li.menu-item:nth-child(2) { background: #EF5B2A!important; border-radius: 20px!important; padding-bottom: 10px; } .textbook_list ul.menu > li.menu-item:nth-child(3) > a:before{ content: ""; display: block; width: 100%!important; height: 130px; background: transparent!important; background-image: url('/wp-content/uploads/2025/03/Group-122-3.png')!important; background-size: contain!important; background-repeat: no-repeat!important; border-radius: 20px !important; position: relative!important; visibility: visible!important; } .textbook_list ul.menu > li.menu-item:nth-child(3) > a{ padding-left: 10px!important; visibility: hidden!important; height: 130px!important; } .textbook_list ul.menu > li.menu-item:nth-child(3) { background: #00954A!important; border-radius: 20px!important; padding-bottom: 10px; } .textbook_list ul.menu > li.menu-item:nth-child(4) > a:before{ content: ""; display: block; width: 100%!important; height: 130px; background: transparent!important; background-image: url('/wp-content/uploads/2025/03/Group-122-4.png')!important; background-size: contain!important; background-repeat: no-repeat!important; border-radius: 20px !important; position: relative!important; visibility: visible!important; } .textbook_list ul.menu > li.menu-item:nth-child(4) > a{ padding-left: 10px!important; visibility: hidden!important; height: 130px!important; } .textbook_list ul.menu > li.menu-item:nth-child(4) { background: #652C8E!important; border-radius: 20px!important; padding-bottom: 10px; } .container-fluid.quiz_view .related_post{ display: none; } .step{ margin-top: 50px; margin-bottom: 50px; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label{ border-radius: 30px!important; } .quiz_view [id^="ays-quiz-container"] .ays-quiz-answers .ays-field label:hover{ border-radius: 30px!important; overflow: visible!important; } .ays_grid_view_item{ width: calc(50% - 25px); } .ays-quiz-answers .ays-field input+label[for^="ays-answer-"] { font-weight: 400!important; } .ays_quiz_rect_light .correct_div.checked_answer_div { border-radius: 30px !important; } .ays_quiz_rect_light .wrong_div.checked_answer_div { border-radius: 30px !important; } .ays_quiz_rect_light .ays-quiz-answers .ays-field:hover{ border-radius: 30px !important; } .ays-questions-container{ padding-bottom: 60px!important; } .elementor-heading-title{ line-height: 1.3; } @media (max-width: 768px) { body.single-post .cm_page_single,body.single-post article{ padding: 20px!important; } body.single-post .post_attach_body{ height: 200px!important; } .single-post .container.cm_page_single::before{ font-size: 40px!important; height: 166px!Important; margin-left: -20px!important; margin-right: -20px!important; margin-top: -20px!important; padding: 20px!important; } } body{ font-size: 16px!Important; color: #000!Important; } @media (min-width: 768px) { .wpr-grid-item-below-content.elementor-clearfix{ display: flex!important; flex-direction: column!important; width: calc(65% - 30px)!important; } .wpr-grid-item-read-more { margin-top: auto!important; } .wpr-grid-media-wrap.wpr-effect-size-medium{ width: 35%!important; } } @media (min-width: 768px) { #youth-project .wpr-grid-item-below-content.elementor-clearfix{ display: flex!important; flex-direction: column!important; width: 100%!important; } #youth-project .wpr-grid-item-read-more { margin-top: auto!important; } #youth-project .wpr-grid-media-wrap.wpr-effect-size-medium{ width: 100%!important; border-radius: 20px!important; } #youth-project .wpr-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 25px!important; /* razmak između elemenata */ } #youth-project .wpr-grid-item { display: flex !important; flex-direction: column !important; height: 100% !important; position: static !important; } #youth-project .wpr-grid-item-inner { flex: 1!important; display: flex!important; flex-direction: column!important; } #youth-project .wpr-grid-item-read-more .inner-block{ height: 40px!important; } #youth-project .wpr-grid-item-read-more .inner-block a{ position: absolute!important; bottom: 40px!Important; } } #youth-project .wpr-grid-image-wrap { aspect-ratio: 387 / 272; width: 100%; overflow: hidden; } #youth-project .wpr-grid-image-wrap img { width: 100%; height: 100%; object-fit: cover; display: block; } /* Select2 - tri kolone u dropdown-u */ .select2-container--default .three-column .select2-results__options { column-count: 3; column-gap: 20px; max-height: 300px; } .select2-container--open .select2-dropdown{ padding-bottom: 20px; } /* Omogući da se dropdown otvara ispod i gura sadržaj */ .select2-container { position: relative !important; width: 100% !important; max-width: 100% !important; height: 50px; } .select2-container--open .select2-dropdown { position: static !important; display: block; width: 100% !important; box-sizing: border-box; margin-top: 5px; top: 0!important; } .select2-container.select2-container--default.select2-container--open .select2-dropdown{ border: none!important; } span.select2-container.select2-container--default.select2-container--open{ top: 0!important; } .select2-container.select2-container--open.select2-container--default .select2-dropdown .select2-results li{ color: #000000 !important; background: #fff !important; font-size: 18px!important; } .select2-container--default .select2-selection--single{ border: none!important; border-bottom: 2px solid #0968B1!important; border-radius: 0px!important; height: 35px!important; } .select2-container--default .select2-selection--single .select2-selection__rendered{ padding-left: 0px!important; color: #0968B1!important; font-weight: 700!important; font-size: 20px!important; } .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #0968B1 transparent transparent !important; } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-color: #0968B1 transparent transparent !important; border-style: solid!important; border-width: 5px 4px 0 4px!important; height: 0!important; left: 50%!important; margin-left: -4px!important; margin-top: -2px!important; position: absolute!important; top: 50%!important; width: 0!important; transform: rotate(-0)!important; } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__arrow { height: auto!important; top: 40%!important; } .wpc-filter-layout-dropdown .select2-container--default .select2-selection--single .select2-selection__rendered{ padding: 0px 0px!important; } .select2-container.select2-container--open.select2-container--default .select2-dropdown .select2-results li:first-child{ display: none!important; } a.action-button.ays_restart_button{ right: 0 !important; color: #fff!important; text-decoration: none!important; } i.ays_fa.ays_fa_sign_out{ color: #fff!important; } a#next_quiz_button{ text-decoration: none!important; } nav.navigation.post-navigation{ display: none!important; } #swipebox-overlay #swipebox-bottom-bar #swipebox-prev, #swipebox-overlay #swipebox-bottom-bar #swipebox-next{ display: none!important; } .single-post .container.cm_page_single::before { content: "Activities and Events"; display: block; color: #FFFFFF; font-family: 'montserrat-regular' !important; font-size: 61px; font-weight: 700; text-align: center; align-content: center; height: 333px; background-image: url('http://zed9tv.undp.org.rs/wp-content/uploads/2025/05/2-S-12.png'); background-position: center center; background-repeat: no-repeat; background-size: cover; max-width: 1440px; margin: 0 auto; margin-bottom: 40px; } html:lang(sr) .single-post .container.cm_page_single::before { content: "Активности и догађаји"; } li.wpr-post-info-custom-field span{ font-size: 18px; } #title li.wpr-post-info-custom-field span{ font-weight: bold; } .lang_docs{ margin-top: 0px; } .wpc-filter-title{ display: none!important; } .wpc-filters-section{ margin-bottom: 0px!Important; } .wpc-filters-widget-content select { border: none !important; border-bottom: 2px solid #0968B1 !important; border-radius: 0px !important; height: 35px !important; padding-left: 0px !important; color: #0968B1 !important; font-weight: 700 !important; font-size: 20px !important; min-height: 42px!important; }