/* Theme Name: Canvas-child Theme URI: Theme URL Here Version: 1.0.0 Template: canvas Description: canvas-child theme Author: Deepika Tags: THEME, TAGS, CUSTOM, HERE Copyright: (c) 2015 YOURNAMEHERE. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/Fgpl-2.0.html */ @import url("../canvas/style.css"); /* default style */ ol{list-style-type: decimal;list-style-position: outside;padding-left:15px;} ul{list-style-type: disc;list-style-position: hanging;} .col-full, #wrapper {max-width: 1170px;margin: 0 auto; } .bannerImage img{height:auto;} /* header css */ #header {padding: 20px 0 0px;} #logo{width:171px; float:left;} #logo .site-title{display:none;} #logo .site-description{display:block!important;} #header-right{width:82.8%; float:right;position:relative;} .header-widget{width:100%; border-bottom:solid 1px #b2b2b2; padding:0 0 20px 0; margin:0 0 15px 0; float:left} .header-widget .site-description{color:#666; font-size:25px; padding:10px 0 0 0; float:left;font-family:"felt-tip-woman";font-weight:normal;letter-spacing: -.1px;} .header-widget .widget{margin:0 0 0 18px; float:right;} .header-widget .widget_search{width:270px; margin:0 0 0 2px; float:right;} .header-widget .widget_search h3{display:none} .header-widget .widget_search .search_main{width:100%;} .header-widget .widget_search input.s{width:78%; height:38px; padding:0 10px; border:solid 1px #ccc; float:left;} .header-widget .widget_search button.submit{width:40px; height:40px; background:#3e86bb; top:0; right:0; border-radius:0 3px 3px 0; float:right;} .searchform .fa-search:before{color:#fff;} .header-widget .widget aside#connect{margin:0;} .header-widget .widget .searchform, #searchform{width:100%; margin:0; border:none; float: left;} .header-widget #php_widget-32 {position: relative; width: 270px; float: right;} /* email subscription with gravity form */ .header-widget .emailsubscription{float: right;position: relative;width: 245px;color:red!important;} .emailsubscription .gform_wrapper{margin:0 0 0 0} .emailsubscription .gform_wrapper .gform_heading{margin:0 0 0 0} .emailsubscription .gform_body {width:85% ;/* border: 1px solid rgb(204, 204, 204);border-radius: 5px; */float:left} .emailsubscription .gform_wrapper form ul.left_label li, .emailsubscription .gform_wrapper form ul.right_label li, .emailsubscription .gform_wrapper ul.left_label li, .gform_wrapper ul.right_label li{width:100%;margin-bottom:0} .emailsubscription .gform_body ul li .ginput_container_email input[type="text"]{width:100%;float: left;height: 40px;line-height: 18px;margin: 0;border: 1px solid rgb(204, 204, 204);border-radius: 5px 0 0 5px;} .emailsubscription .gform_wrapper input[type="image"]{border-radius:0 5px 5px 0;margin:0} .emailsubscription .gform_wrapper label.gfield_label + div.ginput_container{margin-top:0} .emailsubscription .gform_wrapper .gform_footer.left_label, .emailsubscription .gform_wrapper .gform_footer.right_label{ float: left;margin: 0;padding: 0;width: 15%;clear:right} .gforms_confirmation_message h2{color: rgb(52, 52, 52)!important; font-size: 20px;line-height: 28px;margin-bottom: 16px;} .gform_confirmation_message_2.gform_confirmation_message{color:red!important;} .gform_wrapper div.validation_error {border-bottom: 2px solid rgb(255, 0, 0);border-top: 2px solid rgb(255, 0, 0);clear: both;color: rgb(255, 0, 0);font-size: 0.8em;font-weight: 700;margin-bottom: 5px;padding: 5px 0;width: 97.5%;} .gform_wrapper li.gfield.gfield_error{background:transparent;border-top:1px solid red;border-bottom:1px solid red} .gform_wrapper .validation_message{font-weight:normal;font-size:14px; font-family: "adelle";color:red;} .header-widget .widget{color:red!important;} .header-widget .emailsubscription .gform_wrapper div.validation_error{display:none!important;} .header-widget .emailsubscription .gform_wrapper .left_label .gfield_description{width: 98%;margin:0 1%} /* language selector */ .lang-widget{position:absolute;bottom:44px;right:0;z-index:999;background-color: white;padding-left: 10px;} #lang_sel li,#lang_sel ul ul{width:70px!important} .lang-widget h4{display: inline-block;vertical-align: top;font-size: 12px;line-height: 25px;} #lang_sel a:visited,#lang_sel a{border:none} #lang_sel a, #lang_sel a.lang_sel_sel{color:#0068a7!important} #lang_sel a.lang_sel_sel {background: url(images/nav-arrow-down.png) #fff right no-repeat!important;} #lang_sel ul ul{top:22px !important;} /* social icon on header */ #connect h3,#connect p{display:none} #connect .social a:before{color:#3e86bb;border-radius:5px} #connect .social a.youtube:before,#connect .social a.facebook:before,#connect .social a.twitter:before,#connect .social a.subscribe:before,#connect .social a.linkedin:before{background:#ececec} #connect .social a:before{width:40px; height:40px; padding:0; margin:0 8px 0 0; text-align: center; line-height: 40px;} /* navigation css */ #navigation{width:48%; background: none; margin:0; float: left;} ul#main-nav{margin:0; padding:0;width:100%;display:inline-block} ul#main-nav li{width: 33%;display: inline-block;text-align: center;} ul#main-nav li:last-child{margin:0 0 0 0;} ul#main-nav li a{font-size:35px; color:#000; margin:0; padding:0;font-family:"adelle";font-weight:normal;} #navigation .nav li.parent > a:after{width:12px; color:#3e86bb; font-size:20px;display:none} #navigation .nav li.parent:hover > a:after,#navigation .nav li.parent.current-menu-item > a:after,#navigation .nav li.parent.current-menu-ancestor > a:after{background-color: #ff9900;bottom: -3px;content: "";height: 2px;left: 50%;margin-left: -50%;position: absolute;width: 100%;z-index: 99;display:block} #navigation ul.nav > li a:hover {background:none;} #navigation ul.nav > li:hover {background:none;} ul#main-nav li ul{display:none;} #navigation .nav li.parent > a::after {margin-left: 7px;} ul#main-nav > li {padding: 0 0 12px;} #navigation .nav li.parent.current-menu-item > a::after {color: #ff9900;} /* secondary-menu css */ #secondary-menu li{padding: 0 13px;float: none;background: url(images/divider.png) no-repeat left center;text-align: right;display:inline-block;} #secondary-menu li:last-child{padding:0 0 0 13px;} #secondary-menu li:first-child{background:none;} #secondary-menu li ul{ display:none;} ul.nav {float: right;width:48%;text-align:right;margin:18px 0 0 0;} ul.nav li{font-size:14px;} ul.nav li a{padding:0 !important; color: #000; font-family: "proxima-nova"; font-weight: 500;display:inline-block; } ul.nav li a:hover{color:#3e86bb;} ul.nav li.current_page_item a, ul.nav li.current_page_parent a, ul.nav li.current-menu-ancestor a, ul.nav li.current-cat a, ul.nav li.current-menu-item a{background:none; color:inherit} /********************** footer css ****************************************************/ .top-footer{width:100%; background:#0068a7; float:left;font-family: 'Raleway', sans-serif;} .top-footer h3{font-family: 'Raleway', sans-serif!important;} #footer-widgets{position:relative; background:#0068a7; border:none; padding:100px 0 50px 0; display:block; } #footer-widgets .block{margin:0;} #footer-widgets.col-4 .footer-widget-1{width:31.6%!important; padding:0 30px 0 0; font-size:14px; line-height:22px;} #footer-widgets.col-4 .footer-widget-2{width:31.6%!important; padding:0;} #footer-widgets.col-4 .footer-widget-2 .widget{width:45%;float: left;margin: 0 5% 0 0!important;} #footer-widgets.col-4 .footer-widget-2{margin:0;} #footer-widgets.col-4 .footer-widget-3{width:15.3% !important; padding:0 20px 0 0;} #footer-widgets.col-4 .footer-widget-4{width:14.5% !important; padding:0;} #footer-widgets.col-4 .footer-widget-4 .widget li{font-size:20px; line-height:30px; font-weight:bold;} #footer{width:100%; padding:50px 0; float:left;} #footer .col-left{width:37%;} #footer .col-right{width:55%;} #footer-widgets .block li{font-size:14px; line-height:22px; list-style:none; padding:0 0 6px 0;} #footer-widgets .footer-widget-2 li,#footer-widgets .footer-widget-3 li{padding:0 0 6px 10px;background:url(images/ftr-list.png) no-repeat left 10px;} #footer-widgets .block li a{color:#fff;font-family: 'Raleway', sans-serif!important;} #footer-widgets.col-4 .footer-widget-1 h4{font-size:14px; font-weight:bold; color:#a6bfdf; margin:0 0 5px 0; text-transform:uppercase;} #footer-widgets.col-4 .footer-widget-1 h3{text-transform:uppercase;font-family: 'Raleway', sans-serif;} #footer-widgets.col-4 .footer-widget-1 form{width:100%; position: relative; border-bottom:solid 1px #a6bfdf; padding:0 0 20px 0; margin:0 0 20px 0; float:left;border: medium none;} .search_main {float: left; width: 100%;} #footer-widgets.col-4 .footer-widget-1 form button.submit {background: #3f85b8; border-radius: 0 3px 3px 0; float: right; height: 40px;right: 0; top: 0; width: 40px;} .top-footer #search-5{float: left; position: relative; width: 100%; top: 30px; margin: 0px;} .top-footer #search-5 h3{bottom: 10px; font-size: 16px;padding:0px; top: -25px; position: relative; color:#ffffff;} .top-footer #search-6{float: left; position: relative; width: 100%; top: 30px; margin: 0px; } .top-footer #search-6 h3{bottom: 10px; font-size: 16px;padding:0px; top: -25px; position: relative; color:#ffffff;} #footer-widgets .searchform input.field {border: 1px solid #ccc; float: left; height: 38px; padding: 0 10px; width: 92%; background: #fff;} /* footer social icon */ .top-footer #connect .social a.youtube:before, .top-footer #connect .social a.facebook:before, .top-footer #connect .social a.twitter:before, .top-footer #connect .social a.subscribe:before ,.top-footer #connect .social a.linkedin:before{background: #3e86bb;} .top-footer #connect .social a:before{color: #fff; border-radius: 5px;} /* home page section one css */ .section-one{padding:50px 0 80px 0!important;} .section-one h1{color:#343434; font-size:60px; text-align:center; margin:0 0 20px 0;font-family:"adelle";font-weight:400;} .section-one p {color:#343434; font-size:20px; text-align:center;font-family:"proxima-nova";font-weight:normal;} .featured_stories{width:450px; float:left; background:#0068a7; padding:10px 0; border-radius:5px;position:relative} .stories_image{width:100%; position:relative; float:left;} .stories_image .community{position: absolute;bottom: 24px;/* right: 45px; */color: #fff;font-style: italic;font-size: 18px;right: auto;left: 10px;} .featured_stories .stories_details{width:92%;position:relative;float:left; padding: 4%;} .stories_header{width: 92%;padding: 0 4% 15px 4%;border-bottom: solid 1px #fff;float: left;font-size: 30px;color: #fff;} .stories_header h3{color: #fff; font-weight: 300;float:left;font-family:"proxima-nova";text-transform:uppercase;font-size: 1.6em;} .featured_stories .stories_details .details_container{width: 100%;color: #fff;padding:10px 0 0 0;float: left;} .featured_stories .stories_details .details_container span.location{font-size: 12px;font-family:"proxima-nova";font-weight:700;} .featured_stories .stories_details .details_container h4{color: #fff;font-size:20px;padding:0px 0 10px;font-family:"adelle";font-weight:400;} .featured_stories .stories_details .details_container p{padding:0 0 10px 0;font-family:"adelle";font-weight:400;} a.seeall{font-size: 12px;color: #fff !important;background:url(images/seeall.png) no-repeat center right;line-height:15px;padding:0 22px 0 0;float:right;line-height:57px;font-family:"proxima-nova";font-weight:700;} .featured_stories .stories_details .details_container a.learn{font-size: 12px;color: #fff;line-height:15px;border:solid 3px #fff;padding:16px;font-weight: bold;display:inline-block;margin:5px 0 0 0;border-radius:5px;text-decoration: none;} .featured_stories .stories_details .details_container a.learn:hover, ul.featuredStoryList li .images .side .more:hover,.homepage_sec2 ul li .images .down .more:hover{border:solid 3px #0B496F;} .twitter_feed{width:270px; margin:0 40px; float:left} /* home page section two css */ .homepage_sec2{width:100%; padding:50px 0 70px 0; background:#fff; float:left;} .homepage_sec2 h3{font-size:60px; color:#343434; text-align:center; margin:0 0 25px 0;font-family: "adelle";font-weight: 400;} .homepage_sec2 p{font-size:20px; color:#343434; text-align:center; line-height:30px; margin:0 0 50px 0;font-family: "proxima-nova"; font-weight:400;} .homepage_sec2 ul{list-style:none} .homepage_sec2 ul li{width:30%; margin:0 0 30px 0; float:left;} .homepage_sec2 ul li .images{width:100%; position:relative; overflow:hidden; float:left;border-radius:5px;} .homepage_sec2 ul li .images img{width:100%; /* height:100%; */ height: auto !important;border-radius:5px; float:left;} .homepage_sec2 ul li .images .line{width:100%; height:10px; background:#0068a7; border-radius:5px 5px 0 0; float:left; position:absolute; top:0; left:0;} .homepage_sec2 ul li .images .down{width:90.1%; padding:5%; position:absolute; bottom:-75%; left:0; background:rgba(0, 104, 167, 0.90); height:90%; transition: all 0.3s ease-in-out 0s; float:left;} .homepage_sec2 ul li .images .down .title{width:90%; font-size:22px; color:#fff; line-height:30px; float: left;font-family: "adelle";font-weight: 400;} .homepage_sec2 ul li .images .down p{font-size:16px; line-height:24px; color:#fff; padding:30px 0; display: inline-block;font-family: "adelle";font-weight: 400;text-align:left;opacity: 0;} .homepage_sec2 ul li .images .down .more{font-size: 12px; color: #fff; line-height:15px; border:solid 3px #fff; padding:16px;display:inline-block; margin:5px 0 0 0; border-radius:5px; text-decoration: none;font-family:"proxima-nova";font-weight:700;opacity: 0;} .homepage_sec2 ul li .images:hover .down{bottom:0; transition: all 0.3s ease-in-out 0s; border-radius:5px 5px 5px 5px;} .homepage_sec2 ul li .images:hover .down p{-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;opacity: 1;} .homepage_sec2 ul li .images:hover .down .more{-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;opacity: 1;} .homepage_sec2 ul li .images:hover .line{display:block;} .homepage_sec2 ul li:nth-of-type(3n+1) .line{background:#d9ca63;} .homepage_sec2 ul li:nth-of-type(3n+1) .down{background:rgba(217, 202, 99, 0.90);} .homepage_sec2 ul li:nth-of-type(3n+2){margin:0 5%;} .homepage_sec2 ul li:nth-of-type(3n+2) .line{background:#ffa119;} .homepage_sec2 ul li:nth-of-type(3n+2) .down{background:rgba(255, 161, 25, 0.90)} .homepage_sec2 ul li:nth-of-type(3n+3) .line{background:#0871a0;} .homepage_sec2 ul li:nth-of-type(3n+3) .down{background:rgba(8, 113, 160, 0.90)} .homepage_sec2 ul li:nth-of-type(3n+4) .line{background:#eb717c;} .homepage_sec2 ul li:nth-of-type(3n+4) .down{background:rgba(235, 113, 124, 0.90)} .homepage_sec2 ul li:nth-of-type(3n+5) .line{background:#388d2f;} .homepage_sec2 ul li:nth-of-type(3n+5) .down{background:rgba(56, 141, 47, 0.90)} .homepage_sec2 ul li:nth-of-type(3n+6) .line{background:#a8008b;} .homepage_sec2 ul li:nth-of-type(3n+6) .down{background:rgba(168, 0, 139, 0.90)} /* divider css */ .divider1,.divider2{width: 100%;float: left;text-align:center;color: #fff;font-size:24px;line-height:32px;font-weight:300;height: 320px;display:table;} .divider1 .table,.divider2 .table {vertical-align: top;display: table-cell;padding-top:40px;} .divider1 .guideline,.divider2 .guideline{font-size: 14px;font-family:"proxima-nova";font-weight:700;line-height:55px;text-transform: uppercase;} .divider1 h2,.divider2 h2{font-size: 60px;line-height:64px;padding: 0 0 10px 0;color: #fff;font-family:"felt-tip-woman";font-weight:normal;} .divider1 p,.divider2 p{font-family:"proxima-nova";font-weight:300;font-size: 24px; line-height: 30px; padding: 0 17%;} .divider2{height: 344px;} /******************************* home page section three css *****************************/ .homepage_sec3{width:100%; padding:50px 0 70px 0; background:#fff; float:left;} .homepage_sec3 h3{font-size:60px; color:#343434; text-align:center; margin:0 0 25px 0;font-family: "adelle";font-weight: 400;} .homepage_sec3 p{font-size:20px; color:#343434; text-align:center; line-height:30px; margin:0 0 50px 0; font-family: "proxima-nova";font-weight: 400;} /* executive-programmes widget on home page */ .executive-programmes{width:30%; float:left;} .executive-programmes.youth-events{margin:0 3%;} .executive-programmes h4{color:#343434; font-size:24px; margin:0 0 20px 0;text-transform: uppercase;} .executive-programmes ul{list-style:none} .executive-programmes ul li{width:100%; margin:0 0 15px 0; border-bottom:solid 1px #ececec; padding:0 0 15px 0; float:left;} .executive-programmes ul li:last-child{border:none; margin:0; padding:0;} .executive-programmes ul li span.date{font-size:12px; display:block; color:#343434; font-weight:bold;} .executive-programmes ul li span.title{font-size:16px; margin:10px 0;} .executive-programmes ul li span.title a{color:#3e86bb !important;} .executive-programmes ul li span.title a:hover{color:#343434 !important; text-decoration:none;} .executive-programmes ul li p{font-size:14px; color:#343434; text-align:left; line-height:24px; margin:0;} .executive-programmes .allevents{background:url(images/allevents.png) no-repeat center right; color:#3e86bb; font-size:14px; font-weight:bold; padding:0 22px 0 0; float:right;text-transform:uppercase;} .executive-programmes .logos{width:100%; margin:50px 0 0 0; float:left;} /* virtual library widget on home page */ .virtual-library{width:29%; background:#f0f0f0; padding:1%; border-top:solid 10px #3e86bb; border-radius:5px 5px 0 0; float:left;} .virtual-library h4{color:#343434; font-size:22px; text-align:center; padding:0 0 15px 0;font-family: "proxima-nova";font-weight: 800;text-transform:uppercase;} .virtual-library .search-area{width:100%; float:left;} .virtual-library .search-area .library-widget{width:100%; float:left;} .virtual-library .search-area .library-widget p{font-size:16px; text-align:left; line-height:20px; padding:0 0 15px 0; border-bottom:solid 2px #b2b2b2; margin:0 0 15px 0; color:#343434;font-family: "proxima-nova";font-weight: 400;} .virtual-library .search-area .search_main{width:100%; float:left;} .virtual-library .search_main .searchform, #searchform{width:100%; margin:0 0 20px 0;} .virtual-library .searchform input.s, #searchform input#s{width:80%; border:solid 1px #ccc; padding: 10px 20px 10px 10px;} .virtual-library .searchform button.submit{background:#ff9900; padding: 5px 10px; top: 0; border-radius:0 5px 5px 0;} .virtual-library .input-group input.form-control, #searchform input#s{width:79%; border:solid 1px #ccc; padding: 10px 20px 10px 10px;} .virtual-library .input-group input.btn-default{background:#ff9900 url(images/srch-icon.png) no-repeat center center; padding: 7px 15px; top: 0; border-radius:0 5px 5px 0;text-indent:-999px;width: 15%;float: left;padding: 0;height: 35px;box-sizing: border-box;} .virtual-library form{margin: 0;box-sizing: border-box;width: 100%;float: left;} .virtual-library form .input-group{width: 100%;float: left;} .virtual-library .input-group input.form-control{border-right: 0;border-radius: 5px 0 0 5px;float: left;padding: 0 0 0 5px;height: 35px;box-sizing: border-box;width: 85%;} .virtual-library .search-area .library-widget ul{width:100%; margin:0 0 25px 0; float:left;list-style:none} .virtual-library .search-area .library-widget ul li a{width:96%; padding:10px 2%; font-size:16px; color:#343434; background:url(images/seeall.png) no-repeat 98% center; text-decoration:none; border-bottom:dotted 1px #b8b8b8; float:left;font-family: "proxima-nova";font-weight: 400;} .virtual-library .search-area .library-widget ul li a:hover{background:url(images/allevents.png) no-repeat 98% center #dcdcdc;color: #3e86bb;} .virtual-library .search-area .library-widget a.visit{width:140px; height:40px; line-height:40px; background:#ff9900; color:#fff; font-size:12px; border:solid 3px #fff; border-radius:5px; text-decoration:none; display:block; margin:0 auto; clear:both; text-align:center;font-family: "proxima-nova";font-weight: 800;} .virtual-library .search-area .library-widget a.visit:hover{background:#343434;color:#3e86bb} /* news widget on home page */ .featured_news{width:330px; padding:20px; background:#f0f0f0; border-top:solid 10px #3e86bb; border-radius:5px; position:relative; float:right;} .featured_news h3{font-size:30px; color:#343434; border-bottom:solid 1px #b2b2b2; padding:0 0 15px 0; margin:0 0 15px 0; display:block;font-family:"proxima-nova";font-weight:300;} .featured_news .post_content{width:100%; border:none; margin:0; float:left;} .featured_news .post_content .newsdesc{width:100%; border-bottom:solid 1px #b2b2b2; padding:0 0 15px 0; margin:0 0 15px 0; font-size:14px; line-height:22px; color:#343434; position:relative; float:right;} .featured_news .post_content .newsdesc:last-child{margin:0;} .featured_news .post_content .newsdesc h2{width:75%; font-size:17px; line-height:24px; padding:0 ; float:right;font-family:"adelle";font-weight:normal;} .featured_news .post_content .newsdesc h2 a{color:#3e86bb;} .featured_news .post_content .newsdesc h2 a:hover{color:#343434; text-decoration:none;} .featured_news .post_content .newsdesc p{width:75%; float:right;font-family:"adelle";font-weight:normal;} .featured_news .post_content .newsdesc .post_date, .civic-widget-event .post_date {width:auto; position:absolute; top:0; left:0; color:#343434; font-size:12px;font-family:"proxima-nova";font-weight:800;} .featured_news .view_all_link{padding:0 20px 0 0; font-size:12px; background:url(images/seeall.png) no-repeat right center; text-decoration:none; font-weight:bold; position:absolute; top:27px; right:20px; float:left;} .featured_news .view_all_link a{color:#666;font-family:"proxima-nova";font-weight:700;text-transform:uppercase} .featured_news .view_all_link a:hover{color:#343434; text-decoration:none;} /* slider css */ .home-slider .layer{left:200px!important;position:static !important; height:auto !important;} .metaslider .flexslider{margin:0!important} .metaslider .flex-control-thumbs li{position:relative} .metaslider .flex-control-thumbs li img{z-index:999;position:relative;opacity:0} .metaslider .flex-control-thumbs li img.flex-active + span.customthumbs{border-bottom:5px solid #ff9900} span.customthumbs{position:absolute;left:0;top:0;z-index:2;font-size:26px;line-height:35px;color:#fff;font-family:"adelle";font-weight:normal;padding:0 1%; box-sizing:border-box;} p.nav-text{display:none} span.customthumbs strong{font-weight:700;} .flex-control-nav{position:absolute!important;bottom:85px!important} .home-slider .layer p.main-heading span{font-size:50px!important;line-height:55px;font-family:"adelle";font-weight:normal;} .home-slider .layer p{font-size:20px!important;line-height:30px;font-family:"proxima-nova";font-weight:normal;} .home-slider .layer p a{color:#fff;font-size:14px!important;font-family:"proxima-nova";font-weight:700;border: solid 3px #fff;padding:0 53px!important;display: inline-block;margin: 5px 0 0 0;border-radius: 5px;text-decoration: none;text-align:center;height:40px;line-height:40px!important;vertical-align:middle;text-transform:uppercase;} .msHtmlOverlay .col-full:first-child{padding-top:5%;} .col-full.customthumb{position:relative;} .home-slider .layer.black_bg {height: 100% !important; left: 0 !important; margin: 0 !important; position: absolute !important; top: 0 !important; width: 100% !important; background: url(images/overlay.png) center no-repeat!important; background-size:100% !important;} /*********************************************** discover page css ****************************************/ .mpage-container{width:100%;float:left; padding-bottom:50px;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* banner css */ .secondary-banner{width:100%;float:left;position:relative;margin-bottom:25px} .secondary-banner img{width:100%;float:left;position:relative;} .secondary-banner h1.page-title{position:absolute;bottom:43px;font-size:50px;line-height:55px;font-family:"adelle";font-weight:normal;color:#fff} /* page css */ .left-section{width:74.5%;margin-right:2.5%;float:left} .page-content p,.page-content ul li,.page-content ol li{font-size:18px;line-height:28px;font-family:"proxima-nova";font-weight:normal;color:#343434; margin-bottom:20px; } /* getenvolved section */ .discover-getenvolved-section.homepage_sec2{padding:50px 0 15px;} .discover-getenvolved-section.homepage_sec2 ul li .down{background: rgba(8, 113, 160, 0.90)!important;} .discover-getenvolved-section.homepage_sec2 ul li .line {background: #0871a0!important;} .discover-getenvolved-section.homepage_sec2 ul li .images .down .title{font-size:18px;line-height:26px;} .discover-getenvolved-section.homepage_sec2 p{margin:0 0 20px;} .discover-getenvolved-section.homepage_sec2 ul li .images .down p{padding:15px 0 10px;font-size:14px;line-height:18px} .earth-section-content{width:100%;float:left;margin:50px 0 5px} .earth-section-content h1{font-size:30px;line-height:44px;font-family:"proxima-nova";font-weight:300;text-transform:uppercase;color:#343434;letter-spacing:2px;} .earth-section-content p{font-size:16px;line-height:24px;font-family:"adelle";font-weight:400;color:#343434} .discove-bottom-section{width:100%;float:left;margin:20px 0 50px;} .stories-sidebar{width:20%;float:left} .stories-sidebar h3{font-size:28px;line-height:28px;font-family:"felt-tip-woman"; font-weight: bold;text-align: center;letter-spacing: 2px;} .stories-sidebar h4{font-size:18px;line-height:22px;font-family:"proxima-nova";font-weight:bold;text-transform:uppercase;padding-bottom: 7px;border-bottom: 2px solid #ccc;} .community-list{width:100%;float:left;margin:13px 0 30px;} .region-list{width:100%;float:left;} .community-list ul,.region-list ul{list-style:none;} .community-list ul li a,.region-list ul li a {width: 100%;padding: 9px 26px 9px 0;font-size: 16px;color: #343434;background: url(images/sidebar-list.png) no-repeat 98% center;text-decoration: none;border-bottom: solid 1px #b8b8b8;float: left;font-family: "proxima-nova";font-weight: 400;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .community-list ul li a:hover,.region-list ul li a:hover{background: url(images/sidebar-list-hover.png) no-repeat 98% center;color:#ff9900} .discover-featuredStories{width:77%;float:right} ul.featuredStoryList{margin:0;padding:0;list-style:none;} ul.featuredStoryList li,.type-stories{width:100%;float:left;margin-bottom:30px;} ul.featuredStoryList li .images,.type-stories .images{width:100%;float:left;position:relative;} ul.featuredStoryList li .images span.community,.type-stories .images span.community{position:absolute;right:20px;bottom:10px;font-size:24px;line-height:28px;font-family:"felt-tip-woman";font-weight:normal;color:#fff} ul.featuredStoryList li .images .side .location,.type-stories .images .side .location{font-size: 13px;line-height: 18px;font-family: "proxima-nova";font-weight: 700;color: #fff;display: block;text-transform: uppercase;margin-bottom: 7px;} ul.featuredStoryList li .images .side .title,.type-stories .images .side .title{font-size: 18px;line-height: 26px;font-family: "adelle";font-weight: 400;color: #fff;margin-bottom: 5px;display: block;} ul.featuredStoryList li .images .side p,.type-stories .images .side p{font-size:14px;line-height:22px;font-family:"proxima-nova";font-weight:400;color:#fff;margin-bottom:0;} ul.featuredStoryList li .images .side .more,.type-stories .images .side .more {font-size: 12px;color: #fff;line-height: 15px; border: solid 3px #fff;padding: 13px 18px;display: inline-block;margin: 28px 0 0 0;border-radius: 5px;text-decoration: none;font-family: "proxima-nova";font-weight: 700;text-transform: uppercase;} ul.featuredStoryList li .images .top,.type-stories .images .top{ width: 100%;height: 10px;background: #0068a7;border-radius: 5px 5px 0 0;float: left;position: absolute;top: 0;left: 0;z-index:9999} ul.featuredStoryList li .images img,.type-stories .images img{width:100%;float:left;border-radius:0 5px 5px 0;padding:0;} ul.featuredStoryList li .images .side,.type-stories .images .side{position:absolute;left:0;width:40%;top:10px;background:rgba(8, 113, 160, 0.90);height:calc(100% - 10px);padding:20px 20px 10px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing:border-box;border-radius:0 0 0 5px;float:left} .img-container{width:60.3%;float:right;position:relative;} /* right sidebar section */ .right-section{width:22.5%;float:left} .discover-right-section{padding-top:115px;} .page-template-template-discoveraroundworld .discover-right-section{padding-top:9px;} .right-section h4,.right-section h3{font-size: 28px;color:#343434;line-height: 28px;font-family: "felt-tip-woman";font-weight: bold;text-align:center;margin-bottom:6px;} .ec-text{background: #e9eff7;padding: 25px 20px;border-top: 10px solid #3e86bb;border-radius: 5px 5px 0 0;margin-bottom:11px;margin-right: -6px;margin-top:10px;float:left;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;} .ect img.ect-img{width: inherit;float:left;padding: 10px 0;} .ect .ect-content{width: 65%;float: right;font-size:14px;line-height:22px;font-family:"adelle";font-weight:400;color:#343434;padding: 10px 0;} .ec-text p {padding: 15px;} a.download-language{font-size: 11px;width:100%;text-transform:uppercase;color: #0068a7;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;line-height: 15px;border: solid 3px #fff;padding: 16px 10px;display: inline-block;margin:13px 0 0 0; border-radius: 5px;text-decoration: none;font-family: "proxima-nova";font-weight: 700;text-align:center} .featuredContent{background: #f0f0f0;padding: 25px 20px;border-top: 10px solid #dddddd;border-radius: 5px 5px 0 0;margin-bottom:11px;float:left} .featuredContent p{font-size:14px;line-height:22px;font-family:"adelle";font-weight:400;color:#343434} .featuredContent .view_all_link ,.related-news .view_all_link{padding: 0 20px 0 0;font-size: 12px;background: url(images/seeall.png) no-repeat right center;float: left;margin-top:15px;} .featuredContent .view_all_link a.learnMore,.related-news .view_all_link a.learnMore{font-size:12px;line-height:22px;font-family: "proxima-nova";font-weight:700;color:#666666;text-transform:uppercase;} .related-news {background: #f0f0f0;padding: 25px 20px;border-top: 10px solid #dddddd;border-radius: 5px 5px 0 0;float:left;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:11px} .relnewsdesc {width:100%;float:left;padding:10px 0;} .relnewsdesc .post_date{font-size:11px;line-height:19px;font-family: "proxima-nova";font-weight:700;color:#343434} .relnewsdesc h2{display: block; font-size: 16px;color: #3e86bb;line-height: 20px; font-family: "adelle";font-weight: 400;} .relnewsdesc p{font-size: 13px;color: #343434;line-height: 18px;} .ed-text{width:90%; background: #e9f6ed;padding:5% 5% 3% 5%;border-top: 10px solid #0068a7;border-radius: 5px 5px 0 0;margin-bottom:11px; float:left;} .ed-text .search_main{width:100%; background:#fdfdfd; border-bottom:solid 1px #c5cac4; border-top:solid 1px #c5cac4;} .ed-text .search_main .searchform, #searchform{width:100%; border:none; margin:0;} .ed-text .search_main .searchform input.s, #searchform input#s{width:80%; padding:11px 2% 11px 3%;} .ed-text .search_main .searchform button.submit{width:15%; height:40px; background:#4086ba; position:inherit; top:0; right:0; float:right;} .clearfix{clear:both;} .ec-text.endorse{float:left; background:#f0f0f0; border-top:solid 10px #dddddd;} /************************************** learn page css *********************************************/ .learn-left-section{width:66%;margin-right:2%;float:left} .event-box{width:100%;float:left;background:#e9eff7;padding:20px 20px;border-top:10px solid #3e86bb;border-radius:5px 5px 5px 5px;margin:30px 0;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .title-and-text{font-size: 16px;line-height: 24px;font-family: "adelle";font-weight: 400;color: #343434;margin-bottom:20px;} .title-and-text h4{width:100%;float:left;font-size: 30px;line-height: 44px;font-family: "proxima-nova";font-weight: 300;text-transform: uppercase;color: #3e86bb;letter-spacing: 2px;text-align:center} .photo-and-logo{width:49%;float:left;} .photo-and-logo h4{display:none;} .photo-and-logo img.event-img{margin-bottom:20px;} .upcoming-events{width:49%;float:right;} .upcoming-events h4{font-size:18px;line-height:22px;font-family: "proxima-nova";font-weight:700;color:#343434} .eventBox ul{list-style:none;} .upcoming-events ul li{width:100%;float:left;border-bottom:1px solid #ccc;padding:10px 0} .upcoming-events ul li .date{font-size: 11px;line-height: 19px;font-family: "proxima-nova";font-weight: 700;color: #343434;display:block} .upcoming-events ul li .title{font-size: 17px;color: #3e86bb;line-height: 24px;padding: 0 0 6px 0;font-family: "adelle";font-weight: normal;} .upcoming-events ul li .title a{color: #3e86bb!important;} .upcoming-events ul li p{font-size: 16px;color: #343434;line-height: 22px;font-family: "adelle";font-weight: normal;} .additionTextBox{width:100%;float:left} /* .additionTextBox h3{ font-size:18px; line-height:22px;font-family: "proxima-nova";font-weight:700;color:#343434;text-transform:uppercase;} */ .additionTextBox p{ font-size:16px; line-height:24px;font-family: "adelle";font-weight:400;color:#343434;margin:0 0 20px 0;} .additionTextBox ul, .additionTextBox ol{margin:10px 0 20px 40px;list-style: disc;} .additionTextBox ul li, .additionTextBox ol li{margin:0 0 5px 0;} .additionTextBox ul li, .additionTextBox ol li{font-size:16px; line-height:24px;font-family: "adelle";font-weight:400;color:#343434;} /* learn-right-section css */ .learn-right-section{width:32%;float:right;} .learn-right-section .virtual-library{width:94%;padding:25px 3%} .right-section .virtual-library h4{color:#343434; font-size:22px; text-align:center; padding:0 0 15px 0;font-family: "proxima-nova";font-weight: 800;text-transform:uppercase;} /**************************** act page css *************************************/ .act-left-section{width:74.5%;float:left} .act-right-section{width:22.5%;float:right} .promo-widget{background: #f0f0f0;border-top: 10px solid #ddd;border-radius: 5px 5px 0 0;margin-bottom: 22px;padding:25px 0;float:left;width:100%;text-align:center} .promotional-area{padding:25px 20px 20px;width:100%;float:left;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:0 0 0 5px;text-align:left} .promotional-area span.region{font-size:12px;line-height:18px;font-family: "proxima-nova";font-weight:700;color:#666666;text-transform:uppercase;display:block} .promotional-area span.title{font-size:22px;line-height:26px;font-family: "adelle";font-weight:400;color: #3e86bb;} .promotional-area p{font-size:16px;line-height:20px;font-family: "adelle";font-weight:400;color: #343434;} .seeAll{padding:0 20px 0 0;background:url(images/seeall.png) no-repeat right center;float:left;margin-top:20px} .seeAll a{ font-size:12px; line-height:16px;font-family: "proxima-nova";font-weight:700;} .seeAll.submitStory{float:right} /* communities css */ .communities{width:100%;float:left;} .communities-text{width:100%;float:left;margin-bottom:30px} .communities-text h1{font-size: 30px;line-height: 30px;font-family: "proxima-nova"; font-weight: 300;text-transform: uppercase;color: #343434; margin-bottom: 20px;} .communities-text p{font-size: 16px;line-height: 24px;font-family: "adelle";font-weight: 400;color: #343434;} .communities-icon{width:100%;float:left} .communities-icon ul li{display:inline-block;width:31%;margin:0 2% 30px 0;} .communities-icon ul li a{display:inline-block;margin-right:3%;width:44%;position:relative;border: 2px solid transparent;} .communities-icon ul li a img{border-radius:5px} .communities-icon ul li a .topLine{position: absolute;height: 10px;top: 0;left: 0;width: 100%;border-radius: 5px 5px 0 0;} .communities-icon ul li a.community-title{display:inline-block;font-size:16px;line-height:26px;font-family: "adelle";font-weight:400;color: #3e86bb;vertical-align:top;} .communities-icon ul li a.community-title:hover{color: #FF4800;} /* breadcrumb css */ .discover-page .breadcrumb,.act-page .breadcrumb,.learn-page .breadcrumb,.about-page .breadcrumb{display:none;} span.trail-before,span.trail-end{display:none;} .breadcrumb-trail a{font-size:12px;line-height:18px;font-family: "proxima-nova";font-weight:700;color:#3e86bb;text-transform:uppercase;} /* artical page css */ h1.articalPage-title{font-size: 50px;line-height: 55px;font-family: "adelle";font-weight: 400;color: #343434;} .articalPage-container{width:100%;float:left;margin-top:50px} .leftFields h3, .rightFields h3{font-size:24px; font-family: "adelle"; font-weight: 400; line-height: 22px; color: #343434; margin: 25px 0;} /* submenu css */ .submenuContainer{border-top: solid 2px #b8b8b8;width:22%;float:left;margin:0;} .submenuContainer.community-list ul li a{background:none;font-weight:700;} .submenuContainer.community-list ul li a:hover,.submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li a:hover{background: url(images/sidebar-list-hover.png) no-repeat 98% center;color:#ff9900} .submenuContainer.community-list ul li.current-menu-item a{background: url(images/submenu.png) no-repeat 98% center;color:#0068a7} .submenuContainer.community-list ul li.menu-item-has-children a{border-bottom: dotted 1px #b8b8b8;} .submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu{float:left} .submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li{width:100%;float:left;background:url(images/disc.png) no-repeat left 18px;} .submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li a{font-weight:400;color:#343434;background:none;padding-left:10px} .submenuContainer.community-list ul li.menu-item-has-children ul.sub-menu li:last-child a{border-bottom: solid 2px #b8b8b8;} /* articalPage-content css */ .articalPage-content{width:77%;float:right} .page-content .articalPage-content{width:100%} .articalPage-content h2{font-size: 30px;line-height: 44px;font-family: "proxima-nova";font-weight: 300;text-transform: uppercase;color: #343434;letter-spacing: 2px;} /*.articalPage-content h3{bottom:10px;} */ .articalPage-content p {font-size: 16px;line-height: 24px;font-family: "adelle";font-weight: 400;color: #343434;margin-bottom:20px}.articalPage-content p span{color:#428bca}.articalPage-content p span.red{color:red} .leftFields{width:45%;float:left;margin-right:5%} .rightFields{width:45%;float:left} .leftFields ol{list-style:default} /* communities page css */ .communtyList.homepage_sec2 ul li .images .down{ padding: 6% 5% 3%;bottom:-72%} .communtyList.homepage_sec2 ul li .images .down .title{line-height:18px;font-size:17px;} .communtyList.homepage_sec2 ul li .images .down .description p{margin-bottom:10px;padding:10px 0} .communtyList.homepage_sec2 ul li .images:hover .down{bottom:0; transition: all 0.3s ease-in-out 0s; border-radius:5px 5px 5px 5px;opacity:0.9;} .communtyList.homepage_sec2 ul li .images:hover .line{display:block} .communtyList.communities-icon {float: left;margin-top: 30px;width: 100%;} .communtyList.communities-icon ul li{margin:0 2% 40px 40px !important;width:39%} /* contact page css */ .contactUs {width: 100%;padding: 50px 50px 50px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;float: left;} .contactUs ul {width: 100%;float: left;list-style:none;} .contactUs ul li {width: 100%;float: left;margin-bottom: 16px;} .contactUs ul li label {display: block;font-size: 18px;line-height: 26px;font-family: "proxima-nova";font-weight: 700; color: #343434;margin-bottom:5px;} .contactUs ul li div{width:45%;float:left} .contactUs ul li div.fname{width:45%;float:left} .contactUs ul li div.lname{width:45%;float:right} .contactUs ul li div span{display: block;width:100%} .contactUs ul li span input,.contactUs ul li span select,.contactUs ul li span textarea{display: block;width:100%;border:1px solid #666;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius:0;} .contactUs ul li div span select{height:27px} .contact-widget #connect h3{display:block} .contact-widget #connect {background: none!important;margin: 0!important;padding: 0!important;border: none!important;clear: both!important;border-radius:0!important;-moz-border-radius: 0!important;-webkit-border-radius:0!important;font-weight: normal!important;} /* contact page new css */ .gform_body ul {width: 100%;float: left;list-style: none;} .gform_body ul li.fname{width:45%;float:left} .gform_body ul li.lname{width:45%;float:right} .gform_wrapper ul li.gfield{clear:right;} .gform_body ul li {width: 100%;float: left;margin-bottom: 16px;} .gform_wrapper .left_label .gfield_label{display: block; font-size: 18px;line-height: 26px;font-family: "proxima-nova";font-weight: 700;color: #343434; margin-bottom:5px;float:none;width:100%;} .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small{display: block;width: 100%;border: 1px solid #666;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0;color: #343434;font-family: "proxima-nova";font-size: 14px;font-weight: normal;line-height: normal;text-indent:1em;} .ginput_container_email {width: 100%!important;height: 38px;line-height: 18px;border: none;border-radius: 0;padding: 0 0 0 0!important;position: relative!important; margin: 0;float: left;} .gform_wrapper .gform_footer.left_label, .gform_wrapper .gform_footer.right_label{margin-left:0!important} .ec-text{width:100%} /******************************** virtual library list page ***************************************/ .virtualPage-content{width:100%;float:left} .vl-lisling{width:100%;float:left;} .vl-lisling ul{list-style:none} .vl-lisling ul li{padding:15px 20px 15px!important;width:100%;float:left; background: rgb(233, 239, 247) none repeat scroll 0 0;border-radius: 5px;border-top: 10px solid rgb(62, 134, 187);box-sizing: border-box;float: left;width: 100%;margin:0 0 20px 0!important} .vl-image{margin-bottom:10px; float: left;margin-right: 20px;} .new_thumbnail{margin-right: 20px;width:126px;} .vl-description{display: block;overflow: hidden;} .vl-description h3{font-size: 20px;color: #3e86bb;line-height: 24px;font-family: "adelle";font-weight: normal;} .vl-kt{width:100%;float:left} span.vl-country{float:right;} .download{padding:10px 0 0;border-top:1px dashed #343434;/* display:flex; */} .row{width:100%;float:left;margin-bottom:5px} .row img{width:17px;height:23px} .row span{display:inline;vertical-align:middle;font-size:14px;line-height:18px} .row span.extnsn{text-transform:uppercase} /* new width style of virtual library */ .page-template-template-virtual-library .left-section{width:62.5%} .page-template-template-virtual-library .right-section{width:34.5%} /* keyword-filter */ .keyword_search_filter{width:100%;float:left;border-bottom:1px solid #fff;margin-bottom:10px} .keyword_search_filter span{float:left;margin-right:1%;text-align:left} .fltr-key {width:47.5%, margin-right:11px;border:none;border-radius: 0!important;padding: 6.5px 5px;float:left;} a.go-btn{background: #ddd url(images/gobtn.png) no-repeat 98% center;text-align: left;width: 54px;padding: 4px 5px; font-size: 12px;color: #000!important;} a.go-btn:hover{background: #ddd url(images/sidebar-list.png) no-repeat 98% center} /* fitler box css */ .filter-box{background:#d1d1d1;padding:13px 10px;width:100%;float:left;box-sizing: border-box;margin-bottom:20px;border-top: 10px solid rgb(62, 134, 187);border-radius:5px 5px 0 0} .filter{width:100%;float:left} .filter span{width:7%;float:left;margin-right:1%;text-align:left} .filter form{width:92%;float:left} .sort{margin-top:10px} .sort button{margin-right:10px} .sort button.activeState{background:#fff;color:#343434!important;} /* select css */ .select-btn{float:left;width:189px;height:29px;line-height:29px;vertical-align:middle;background:#fff;margin-right:11px;} .stylish-select .SSContainerDivWrapper {margin:0;padding:0;width:100%;position:absolute;top:29px!important;left:0px !important;z-index:2; border:0;border-top: 0 none;height:150px!important;overflow-y:scroll;} .stylish-select ul.newList {margin:0;padding:0;list-style:none;border:none; overflow: auto;overflow-x: hidden; width:100%!important;height:auto!important;border:none;} .stylish-select ul.newList * {/*float: left;*/margin:0;padding:0;border:none; width:100%!important; } .stylish-select ul.newList a {display:block;text-decoration:none;padding: 0 4% 0 5%; width:100%!important; font-size:12px;color:#fff ;background:#428bca;text-align:left;} .stylish-select .newListSelected {float:left;width:100%;height:29px;padding:0;background:url(images/down.png) no-repeat 98% 43%;} .stylish-select .selectedTxt {overflow:hidden;height:29px;padding: 0 8% 0 6%; font-size:12px;color:#343434;text-align:left;line-height:29px;} .footer-form{float:left;width:100%;} .stylish-select .amount_sec .newListHover {background:#1f1f1f;color:#fff} /* featured document css */ .fb-widget{margin-top:30px;width:100%;float:left;} .featured_document ul{list-style:none;} .featured_document ul li{border-bottom:1px solid #ccc;padding:10px 0;width:100%;float:left} /* .featured_document ul li .promotional-area{padding-top:10px} .featured_document ul li .promotional-area h5{font-family: "adelle";font-weight: normal;line-height: normal;} .featured_document ul li .promotional-area p{font:300 13px/17px "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif} */ .featured_document .vl-description h5 {display: block;font-size: 16px;line-height: 20px;font-family: "adelle";font-weight: 400;color: #3e86bb;text-decoration: none;margin: 0;} .featured_document .vl-description p{font-size: 13px;line-height: 18px;} /* single virtual library document */ .library-left{width:44%;float:left;margin-right:1%;} .library-left img.attachment-post-thumbnail{width:100%;height:auto;display:block} .library-right{width:54%;float:left;margin-left:1%;} .download-doc span.h_download{font-size: 20px;line-height: normal;margin-bottom: 15px;display: block;} .download-doc span.f_title{display: block;margin-bottom:5px} .docs{padding:5px 0;border-bottom:1px solid #ccc;} .download-doc .row{margin-bottom:0;} .library-postDetails{width:100%;float:left;padding:10px 0;margin-top:15px;border-top:1px dashed #ccc;} /*********************endorser form css*******************/ .page-content h3 {font-family: "proxima-nova"; padding: 0 0 10px 0;} .crm-title h1{font-family:"proxima-nova"!important;;} #crm-container.crm-public input[type="text"], #crm-container.crm-public input[type="password"], #crm-container.crm-public input[type="email"], #crm-container.crm-public select{width:15em;} .crm-container .select2-container-multi .select2-choices:before{background: url(images/select-arw.png) no-repeat right center!important;} .select2-container .select2-choice .select2-arrow{background:url(images/select-arw.png) no-repeat scroll right center!important;border-left:none!important;} /* news page css */ .news-article{width:100%;float:left;} .news-article ul{list-style:none} .news-article ul li{padding:9px 0 15px;border-bottom:1px solid #bebebe;width:100%;float:left} .news-image{float:left;margin-right:20px} .news-image img.attachment-news-rightsidebar-res{display:none} .news-description{display: block;overflow: hidden;} .news-description h3{font-size: 20px;color: #3e86bb;line-height: 24px;padding: 0 0 10px 0;font-family: "adelle";font-weight: normal;} .news-description h3 a{color: #3e86bb;} p.comment-count {background:url(images/bubble.jpg) no-repeat left center;padding-left:20px} /* pagination css */ .custom-pagination,.my-navigation{width: 100%;text-align: center;padding: 20px 0;float: left;} a.page-numbers,span.page-numbers.current{border: 1px solid #dedede;display: inline-block;padding: 10px;} .my-navigation div{display: inline-block;padding: 10px;} .my-navigation div a.simple-pagination-navigation-page{margin:0 2px;border:none;display: inline-block;padding: 10px;color:#0068a7;border-radius:3px;background:#fff} .my-navigation div a.simple-pagination-navigation-next,.my-navigation div a.simple-pagination-navigation-previous,.my-navigation div a.simple-pagination-navigation-first,.my-navigation div a.simple-pagination-navigation-last{color:#0068a7!important;background:#fff!important} .my-navigation div a.simple-pagination-navigation-disabled{margin:0 2px;background:#0068a7;color:#fff;} a.next,a.prev{border:none} .dots{display:none} .news-description p {font-size:16px;} .news-description span.post_date,span.post_date{color: #343434;font-size: 12px;font-family: "proxima-nova";font-weight: 800;} /* youth leftmenu css */ .submenuContainer.community-list ul li.current_page_item a{background: url(images/submenu.png) no-repeat 98% center;color:#0068a7} .submenuContainer.community-list ul li.page_item_has_children a{border-bottom: dotted 1px #b8b8b8;} .submenuContainer.community-list ul li.page_item_has_children ul.children li{width:100%;float:left;background:url(images/disc.png) no-repeat left 18px;} .submenuContainer.community-list ul li.page_item_has_children ul.children li a{font-weight:400;color:#343434;background:none;padding-left:10px} .submenuContainer.community-list ul li.page_item_has_children ul.children li:last-child a{border-bottom: solid 2px #b8b8b8;} /* country box css on act page */ .countries{width:100%;float:left;background:url(images/country-bg.jpg) no-repeat left top;border-top:10px solid #00578b;border-radius:5px;position:relative;background-size:100% 100%;margin-bottom:60px} .description{position: absolute;left: 0;width: 31%;top:0px;background: #0068a7;height: calc(100% - 0px);padding: 10px 40px 10px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 0 0 0 5px;float: left;} .description h4{color:#fff;font-size:18px;line-height:22px;font-family: "adelle";margin-bottom:10px } .description p{color:#fff;font-size:14px;line-height:18px;font-family: "proxima-nova";} .selection{width:69%;float:right;padding:40px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} .selection label{display:inline-block;color:#fff;font-size:18px;line-height:normal;margin-right:10px;vertical-align:middle;text-transform:uppercase;font-family: "proxima-nova";font-weight:700} .select-cntry{width: 100%;height: 40px;line-height: 40px;vertical-align: middle;background: #fff;margin-right:0px;display: inline-block;} .stylish-select .select-cntry .newListSelected {float: left;width: 100%;height: 40px;padding: 0;background: url(images/down2.png) no-repeat 100% 43%;} .stylish-select .select-cntry .selectedTxt {height: 40px;padding: 0 8% 0 6%;font-size: 15px;color: #343434;text-align: left;line-height: 40px;} .stylish-select .select-cntry .SSContainerDivWrapper{top:40px!important;height: 350px!important;overflow-y: auto;} .articalPage-content img.attachment-post-thumbnail{margin-bottom:20px; float:left; margin-right:20px;} /*virtuallibrary archive page*/ .type-virtual_library {padding: 15px 20px 15px;width: 100%;float: left;background: rgb(233, 239, 247) none repeat scroll 0 0;border-radius: 5px;border-top: 10px solid rgb(62, 134, 187);box-sizing: border-box;float: left;width: 100%;margin: 0 0 20px 0!important;} /*stories arcive page*/ .archivePage-container{margin-top:0px} /* some default css*/ .post-meta span{display:none} .gform_wrapper .gfield_required {display:none;} .ginput_container_email {width:15%; height:38px; line-height:18px; border:none; border-radius:0; padding:0 40px 0 3%; position: absolute; margin:0; float:left} .gform_wrapper input[type=text] {text-indent: 1em;} .page-template-default h1.entry-title,.single-page h1.entry-title{font-size:50px;line-height:55px;font-family:"adelle";font-weight:normal;color:#343434;} .page-template-default h5{font-family:"adelle";font-weight:normal;color:#343434; font-size:18px; color:#343434;} .page-content h2 {font-size: 30px;line-height: 44px;font-family: "proxima-nova";font-weight: 300;text-transform: uppercase; color: #343434;letter-spacing: 2px;margin-bottom: 10px;} h1.news-title{margin-bottom:30px} .entry img {border:0;} img.aligncenter{display:inline-block} /*==========9Dec=============*/ .button.crm-register-button{font-size:12px !important; color:#fff !important; line-height:15px !important; border:solid 3px #fff !important; padding:16px !important; font-weight: bold !important; display:inline-block !important; border-radius:5px!important; text-decoration: none!important; background:#0068a7!important; border:3px solid transparent!important;} .button.crm-register-button:hover{border:solid 3px #0B496F!important;} .action-link{margin: 15px 0 4px 2px!important;} /******************* civicrm css ***********************************/ .civievent-widget-related-news {background:#f0f0f0; box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 25px 20px; float: left; border-radius: 5px 5px 0 0!important; -ms-border-radius: 5px 5px 0 0!important; -webkit-border-radius: 5px 5px 0 0!important; -moz-border-radius: 5px 5px 0 0!important; -o-border-radius: 5px 5px 0 0!important; border-top:10px solid #dddddd; margin:9px 0 22px 0;} .civievent-widget-related-news h3.civievent-widget-title{font-size: 28px;color:#343434;line-height: 28px;font-family: "felt-tip-woman";font-weight: bold;text-align:center;margin-bottom:6px;} .civievent-widget-related-news .civievent-widget-event p {font-size: 13px; line-height: 18px;} .civievent-widget-related-news .civievent-widget-infolink{display:block;} .civievent-widget-related-news .civievent-widget-infolink a{display:block; font-size:16px;line-height:20px;font-family:"adelle";font-weight:400; text-decoration:none; margin:0;} .civievent-widget-related-news .civievent-widget-reglink a{display:block; font-size:14px; line-height:24px; font-family:"adelle"; font-weight:400; text-decoration:none;} .civievent-widget-related-news .civievent-widget-event-datetime span {font-size: 11px; line-height: 19px; font-family: "proxima-nova"; font-weight: 700; color: #343434;} .civievent-widget-event-end-time {display:none;} .civievent-widget-event-start-time {display:none;} .civievent-widget-related-news .civievent-widget-event {border-bottom:2px dotted #b2b2b2; margin:0 0 11px; padding:0 0 11px;} .civievent-widget-related-news .civievent-widget-event:last-child, .relnewsdesc:last-child{border-bottom:none;} .civievent-widget-event-title .civievent-widget-infolink a, {color:#3e86bb;} .civievent-widget-event-title .civievent-widget-infolink a:hover{color:#343434; text-decoration:none;} .civievent-widget-relatedNews{margin-top:20px} .column-left{ float: left; width: 20%; } .column-right{ float: right; width: 450px; } .column-center{ display: inline-block; width: 33%; } .event_summary-section {font-size: 30px;line-height: 44px;font-family: "proxima-nova";font-weight: 300;text-transform: uppercase;color: #343434;letter-spacing: 2px;} .event_summary-section h2{font-size: 30px;line-height: 44px;font-family: "proxima-nova";font-weight: 300;text-transform: uppercase;color: #343434;letter-spacing: 2px;} .crm-container h3 {font-size: 20px !Important;line-height: 28px !Important;font-family: "adelle" !Important;font-weight: 400 !Important;color: #343434 !Important; margin-bottom:10px !Important; background-color: white !important;} /* ========== 12 Dec =========== */ .articalPage-content ul li ul {padding: 7px 0 0 20px;} .articalPage-content ul li{list-style-position: outside; padding-left: 5px;margin-left: 40px;} .articalPage-content ol li ol {padding: 7px 0 0 20px;} .articalPage-content ol li{list-style-position: outside; padding-left: 5px; margin-left: 40px;} .articalPage-content ol[type="a"]{list-style:lower-alpha;} .articalPage-content ol[type="I"]{list-style:upper-roman;} .articalPage-content.full-width{width:100%; background-color:white;} .page-template-template-about-child-php .left-section ul{padding-left: 20px;} /* event page css */ .civik_crm {float: right; width: 77%; } .civik-event-col-right img {padding-bottom:30px;} .civik-event-cleared {clear:both;} .civik-event-wrapper {background-color: white;width:100%;float:left; } .civik-event-col-left {float:left; width:49%;} .civik-event-col-right {float:right; width:50%;} .event_date_time-section, .event_address-section, .event_contact-section {margin-left:200px;} .event_map-section {float: right; width: 47%; margin-top:-80px;} .event_date_time-section, .event_address-section, .event_contact-section, .event_fees-section, td.price_set_field-label.crm-event-label, td.fee_amount-value.right {font-size:15px;line-height:28px;font-family:"proxima-nova";font-weight:bold;color:#343434; } .event_fees-section, td.price_set_field-label.crm-event-label {margin-left:200px; margin-top:-260px;} td.price_set_field-label.crm-event-label {display:none;} :target:before {content:"";display:block;height:60px; /* fixed header height*/margin:-60px 0 0; /* negative fixed header height */} .civik_cr_w .menu { float: left; margin: 0; padding: 0; width: 100%;} .civik_cr_w .submenuContainer{width:19%;} .civik_cr_w .submenuContainer.community-list ul li a{color:rgb(52, 52, 52);} .civik_cr_w .submenuContainer.community-list ul li a:hover{color:rgb(255, 153, 0);} .civik_cr_w .submenuContainer.community-list ul li a.active{color:rgb(0, 104, 167);} .civik_cr_w .articalPage-content h3 {background:none; padding:0;} /*loader css*/ .layout-overlay {position: fixed;width: 100%;top: 0;left: 0;height: 100%;z-index: 99999;} .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 999999999999;} .layout-overlay .loader {position: absolute;right: 0;left: 0;bottom: 0;top: 0;margin: auto;width: 420px;height: 420px;} /* event page */ .event_info-section{padding-top: 30px;width: 100%;float: left;background: #f0f0f0;box-sizing: border-box;-ms-box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; -o-box-sizing: border-box; padding: 25px 20px; float: left;border-radius: 5px 5px 0 0!important; border-top: 10px solid #dddddd;margin: 25px 0 25px 0;} .event_info-section-left{float:left;} .event_info-section-element{width:100%;float:left;} .event_info-section-element .label{ padding-top: 6px; font-size: 15px; float: left;width: 20%;text-align: right;} .event_info-section-element .content{color:rgb(52, 52, 52); font-family:"proxima-nova"; font-size:15px; line-height:28px; margin-left:23%; padding-top:8px;} .event_info-section-element .content p{font-weight: bold!important; color:#000;} /** Main Css **/ .mob_input{display:none !important;} .articalPage-content h3{font-size: 20px;line-height: 28px;font-family: "adelle";font-weight: 700;color: #343434;margin-bottom:10px} .articalPage-content ol,.articalPage-content ul{margin-bottom:10px;} .articalPage-content ul{list-style-type: disc!important;} .articalPage-content ul li { font-size: 16px;line-height: 24px;font-family: "adelle";font-weight: 400;color: #343434;margin-bottom: 5px;} .articalPage-content ol li { font-size: 16px;line-height: 24px;font-family: "adelle";font-weight: 400;color: #343434; margin-bottom: 5px;} .civik_crm .articalPage-content ul li,.civik_crm .articalPage-content ol li{color: rgb(85, 85, 85);font: 300 15px/1.5em Arial,sans-serif;} .vl-lisling ul{list-style:none!important} /*==================3Feb,2016======================*/ .eventspage h1{color:rgb(52, 52, 52)!important; font-family:"adelle"!important; font-size:50px!important; font-weight:normal!important; line-height:55px!important;} .civik_crm{float:right; width:77%;} .event_info-section-element{float:left; width:100%;} .event_info-section-element{float:left; width:100%;} .event_info-section-element{color:rgb(52, 52, 52); font-family: "proxima-nova"; font-size:15px; line-height:28px; padding-top:6px;} .btn1{background:none repeat scroll 0 0 rgb(0, 104, 167) !important; border:3px solid rgba(0, 0, 0, 0) !important; border-radius:5px !important; color:rgb(255, 255, 255) !important; display:inline-block !important; font-size:12px !important; font-weight:bold !important; line-height:15px !important; padding:16px !important; text-decoration:none !important; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;} .btn1:hover{border:3px solid rgb(11, 73, 111) !important;} .civik_crm .list-image{float:left; list-style:none !important; margin:0 0 27px 0!important; padding:0 !important; width:100%;} .civik_crm .list-image li{float:left; margin:0 3.5% 10px 0; vertical-align:top; width:31%;} .civik_crm .list-image li img{margin:0 !important; padding:0 !important;} .civik_crm .list-image li.lastcol{float:right; margin:0;} .civiktop{width:100%; float:left;} .topleft{width:49%; float:left;} .topright{width:50%; float:right;} .imageRepeater{margin:0 0 30px 0;} .imageRepeater > img{border:none; padding:0;} .civik_crm ul li, .civik_crm ol li {color:rgb(85, 85, 85); font:300 15px/1.5em Arial,sans-serif; margin:0 0 5px 0;} .breadcrumbs .trail-browse{display:none !important;} .entry .event_summary-section p{color:rgb(52, 52, 52); font-family:"proxima-nova"; font-size:30px; font-weight:300; letter-spacing:2px; line-height:44px; text-transform:uppercase;} .eventspage .trail-items li::after{content:">"; font-size:10px;} @media only screen and (max-width: 1400px){ /** Slider Css **/ .flex-control-nav {bottom: 30px !important; /*margin: 0 10% !important; width: 80% !important;*/} .metaslider .flex-control-thumbs li{width: 25% !important;} .home-slider .layer p a{padding:0 35px!important} span.customthumbs{font-size:25px;} } @media only screen and (max-width: 1200px){ #inner-wrapper{padding:0} .col-full{width:97%;padding:0 1%;} #logo{width:150px;} #connect .social a::before{ height: 34px;line-height: 34px;margin: 0 5px 0 0;width: 34px;} .header-widget .site-description{font-size:19px;} .header-widget .widget_search{width:220px;} /* email subscription form */ .header-widget .emailsubscription{width:30%;} .header-widget .widget{margin-left:10px;} #navigation,#secondary-menu-container ul.nav{width:50%;} ul#main-nav{margin-top:6px;} ul#main-nav li a{font-size:32px;} #header-right ul.nav{float: right;} #secondary-menu li{padding: 0 10px;} #secondary-menu li:last-child{padding:0 0 0 10px} /* banner */ .home-slider .layer {left: 10% !important;width:85%!important} .home-slider .layer p.main-heading span{ font-size: 30px !important; line-height:normal;} .home-slider .layer p a{ border: 2px solid rgb(255, 255, 255);font-size:12px!important;height:40px;line-height:40px!important;/*width:140px!important*/} .home-slider .layer p{font-size:18px!important} span.customthumbs{font-size:21px} .section-one {padding: 0px 0 70px !important;} .featured_stories{width:32%;} .featured_stories .stories_details{padding:10px 4% 20px;} .featured_stories .stories_details .details_container{margin: 0;} .stories_header h3{font-size: 34px;} .stories_header a.seeall{line-height: normal;margin-top: 15px;} .stories_image .community{font-size: 12px;} .twitter_feed{width:31%;margin: 0px 12px 0 12px;text-align: center;} .twitter_feed iframe{max-width: inherit;min-width: inherit;} .featured_news{width:30%;} .featured_news .post_content .newsdesc h2{padding: 0 0 5px;line-height: 20px;} .attachment-full.wp-post-image{height:initial;} .homepage_sec2,.homepage_sec3{padding: 10px 0 70px 0;} .homepage_sec2 h3,.homepage_sec3 h3{margin: 0 0 10px;} .homepage_sec2 ul li .images .down .title{line-height: 23px;} .homepage_sec2 ul li .images .down p{margin-bottom:0;padding:25px 0;} .section-one h1,.homepage_sec2 h3,.homepage_sec3 h3{font-size:45px;} .section-one p br,.homepage_sec3 p br,.homepage_sec2 p br{display:none} .executive-programmes ul li span.title{font-size: 12px;} .executive-programmes .allevents{font-size: 12px;} .col-left {float: left;} .col-right {float: right;} .civievent-widget-related-news{margin:30px 0 0 0;} #footer-widgets.col-4 .footer-widget-1 .email-address{padding: 0 0px 0 3%;} /******************************** from this line media query from style.css **********************************/ /* discover page css */ .secondary-banner img{height:auto;} .mpage-container{padding:0 0 0 7px} ul.featuredStoryList li .images .side, .type-stories .images .side{padding: 10px 10px;} .secondary-banner h1.page-title { bottom: 20px; font-size: 40px;line-height: 44px;} .page-content h2{font-size: 32px;line-height: 36px;} .page-content h2 br{display:none;} .discover-getenvolved-section.homepage_sec2 ul li .images .down{padding-top:10px} .discover-getenvolved-section.homepage_sec2 ul li .images .down .title{font-size: 16px;line-height: 20px;} ul.featuredStoryList li .images .side .location, .type-stories .images .side .location{font-size:12px;line-height:16px;} ul.featuredStoryList li .images .side .title, .type-stories .images .side .title{font-size:16px;line-height:20px;margin-bottom:5px} ul.featuredStoryList li .images .side p, .type-stories .images .side p{font-size: 13px;line-height: 17px;} ul.featuredStoryList li .images .side .more, .type-stories .images .side .more{margin-top:15px;} .ec-text{padding:15px 10px;} .right-section h4,.right-section h3{font-size: 22px;line-height: 28px;} .left-section{margin-right:1%;}.right-section{width:24%} .learn-right-section{width:32%;} /* communities page css */ .communtyList.homepage_sec2 ul li .images .down .title {font-size: 14px;line-height: 17px;} .header-widget #php_widget-32 {width: 210px;} /* == 12 Dec == */ .page-id-6601.page-template-default h1.entry-title{font-size: 36px; line-height: normal;} .page-id-6601 #crm-container.crm-public .crm-section, .crm-section{font-size: 20px; line-height: normal;} .page-id-6601 .crm-container .register_link-top{height:auto; margin-top:0 !important;} /* *************act page************************************ */ .communities-icon ul li a.community-title{font-size:15px;line-height:20px;} .select-cntry{width:75%} } @media only screen and (max-width: 991px){ #logo{width: 18%;} #header-right{width: 80%;} .header-widget .widget_search{float: right;margin: 0;width: 180px;} #connect .social a:before{height:25px; width:25px; line-height:26px; font-size:12px;} .header-widget .site-description{font-size: 13px; margin:0;} .header-widget{padding:0 0 15px 0; margin: 0;} .widget_woo_subscribe .social{margin-top:9px;} #lang_sel{height:22px;} ul#main-nav li a{font-size: 20px;} #navigation .nav li.parent > a:after{margin:0 0 0 5px; font-size:15px;} #secondary-menu li{padding: 0 0 0 3px;} #secondary-menu li:last-child{padding: 0 0 0 3px;} #secondary-menu li:first-child{padding-left: 0;} #header-right ul.nav{ margin: 0; padding: 20px 0 0;} #navigation{width:48%} #secondary-menu-container ul.nav{width:51%;} #secondary-menu-container ul.nav li a{font-size: 12px;} ul.nav li {font-size: 13px;} /*banner css*/ .metaslider .flex-control-thumbs li {box-sizing: border-box;} span.customthumbs{padding: 0 1%; box-sizing:border-box; line-height:normal;font-size:17px} /** Story section **/ .featured_stories{width: 49%;margin-bottom: 30px;} .stories_header h3{font-size: 24px;} .stories_header{padding: 10px 4% 15px 4%;} .stories_header a.seeall{margin-top: 9px;} .seeAll.submitStory {float: left;} .twitter_feed{width: 49%;float: right;text-align: right;margin: 0;} .featured_news {width: 70%;float: none;margin: 0 auto;clear: both;overflow: hiddene;} .twitter_feed iframe{max-width:none !important;} .section-one h1,.homepage_sec2 h3,.homepage_sec3 h3{font-size:38px;} .divider1 p, .divider2 p {font-size: 18px; line-height: 22px; padding: 0 20px;} /* get involved section */ .homepage_sec2 ul li{width:32%} .homepage_sec2 ul li:nth-of-type(3n+2){margin: 0 2%;} .homepage_sec2 ul li .images .down{height:90%;padding: 2% 5% 5% 5%;} .homepage_sec2 ul li .images .down .title{line-height: 18px;font-size: 18px;} .homepage_sec2 ul li .images .down .more{padding: 10px;} .homepage_sec2 ul li .images .down p,.discover-getenvolved-section.homepage_sec2 ul li .images .down p{padding: 0px 0 0;line-height: 18px;} /** Education Section **/ .virtual-library .input-group input.form-control{font-size: 9px;} .virtual-library h4{font-size: 15px;} .virtual-library .search-area .library-widget ul li a{font-size: 14px;} .gform_wrapper .left_label input.large, .gform_wrapper .left_label select.large, .gform_wrapper .left_label textarea.large, .gform_wrapper .left_label textarea.medium, .gform_wrapper .left_label textarea.small, .gform_wrapper .right_label input.large, .gform_wrapper .right_label select.large, .gform_wrapper .right_label textarea.large, .gform_wrapper .right_label textarea.medium, .gform_wrapper .right_label textarea.small{font-size:11px;} /* footer css */ #footer-widgets.col-4 .footer-widget-1{width: 45%!important;} #footer-widgets.col-4 .footer-widget-2{width: 50%!important;} #footer-widgets.col-4 .footer-widget-3{width: 47% !important;padding: 10px 20px 0 0;clear: both;} #footer-widgets.col-4 .footer-widget-4{width: 30% !important;padding-top: 10px;} /* common css */ .articalPage-content ol li,.articalPage-content ul li{margin-left:20px} /****************************from this line media query from style.css ****************************************/ /* discover page css */ .secondary-banner img{max-height:210px;} .img-container{width:62.3%} .stories-sidebar{width:26%} .discover-featuredStories{width:68%} .earth-section-content h1{font-size:26px;line-height:32px;} .page-content h2{font-size: 28px;line-height: 32px;} .page-content p{font-size: 18px;line-height: 24px; padding-bottom:20px;} .relnewsdesc h2{font-size: 15px;line-height: 20px;} .relnewsdesc p{font-size: 14px;line-height: 18px;} .discover-getenvolved-section.homepage_sec2 ul li .images .down .title{font-size: 13px;line-height: 15px;} .community-list ul li a, .region-list ul li a{padding: 7px 25px 7px 0;font-size: 14px;} .featuredContent,.related-news,.promotional-area{padding:15px 10px} .discover-right-section{padding-top:85px} ul.featuredStoryList li .images img, .type-stories .images img{height:auto!important;min-height:110px} ul.featuredStoryList li .images .side, .type-stories .images .side{padding: 5px 10px;width:38%;} ul.featuredStoryList li .images .side p, .type-stories .images .side p{display:none} ul.featuredStoryList li .images .side .title, .type-stories .images .side .title{font-size:15px;line-height:18px;} ul.featuredStoryList li .images .side .location, .type-stories .images .side .location{font-size:12px;line-height:14px;margin-bottom:0} ul.featuredStoryList li .images .side .more, .type-stories .images .side .more{margin: 6px 0 0;padding: 7px 12px;border: 2px solid rgb(255, 255, 255);} ul.featuredStoryList li .images span.community, .type-stories .images span.community{font-size:18px;bottom:0} .discover-getenvolved-section.homepage_sec2 ul li .images .down p{font-size:11px;line-height:15px;} /* act page css */ .discover-getenvolved-section.homepage_sec2{padding:15px 0;} .communities-icon ul li{width:40%;} /* community page css */ .page-template-template-communities .articalPage-content{width:73%;} .tax-community_category .articalPage-content{width:72%;} .tax-region_category .articalPage-content{width:72%;} h1.articalPage-title{font-size: 40px;line-height: 44px;} .articalPage-content h2{font-size: 28px;line-height: 32px;} .communtyList.homepage_sec2 ul li .images .down .more{padding:6px} .header-widget #php_widget-32 {width: 171px;} .communtyList.communities-icon ul li {margin: 0 2% 40px 20px !important;width: 70%;} /* virtual library css */ .filter span{width:10%;} .filter form{width:89%;} .select-btn{width:45%;margin-bottom:10px} .fltr-key{width:82.5%} .vl-lisling ul li{padding:15px 10px!important;} .vl-image img{height: auto;} /* **act page country box** */ .select-cntry{width:65%} .description{padding:10px} .selection label{font-size:15px} /* news page css */ .news-image img.attachment-news-rightsidebar-res{display:block} .news-image img.attachment-news-rightsidebar{display:none} .news-description h3{font-size:17px;line-height:21px;} .news-description p{font-size:15px;line-height:19px;} .topleft{float:left; width:100%;} .topright{float:right; width:100%; margin:0 0 30px 0;} .imageRepeater{float:left; margin:15px 1% 0; width:48%;} .eventspage h1{font-size:34px !important; line-height:40px !important;} .eventspage .civik_cr_w .submenuContainer{width:25%;} .eventspage .civik_crm{width:70%;} .entry .event_summary-section p{font-size: 22px; line-height: 30px;} .articalPage-content div.ginput_container_name span{padding-right:2px} } @media only screen and (max-width: 767px){ .col-full{width: 100%;padding: 0;margin: 0;} /* header */ #header{padding-bottom:0;} #logo {width: 25%; padding: 0 10px;box-sizing: border-box; float:left;} #header-right {width: 75%; padding: 15px 0 0;padding: 0 10px; box-sizing: border-box;position:relative;} .header-widget > *{display:inline-block !important; float:none !important;} .widget_woo_subscribe .social{text-align: center;} .header-widget .site-description{position: relative; top: -10px;} .header-widget .widget_search{margin-top :12px;float: left;width: 200px !important;} .header-widget .widget_search input.s{height:30px; height: 32px;} .header-widget .widget_search button.submit{height:34px;} .header-widget{border:0;padding:0;text-align:right;} .emailsubscription .gform_body{width:72%} .header-widget #php_widget-32 {width: 210px;} .attachment-full.wp-post-image{width: 100%;} /* lang widget */ .lang-widget{margin: 12px 0 0 11px; position: static;top: 135px;right: 10px;} .lang-widget h4{display:none;} #lang_sel{height:32px;} #lang_sel > ul > li > a.lang_sel_sel{background-position: 95% center !important; border: 1px solid #ccc; padding: 2px 10px; text-align: left;} #lang_sel > ul > li ul{text-align:left;} #lang_sel ul ul {top: 29px !important; z-index: 9999999;} /** main section Css **/ .section-one {padding: 0px 0 25px !important;} .featured_stories {width: 100%;} .twitter_feed {width: 100%;text-align: center;} .twitter_feed iframe {max-width: 500px !important;} /* featured news section */ .featured_news {width: 100%;float: left;box-sizing: border-box;margin: 15px 0 15px;} .featured_news h3{font-size:24px;} .featured_news .view_all_link a{font-size:11px;} .divider1 h2,.divider2 h2{font-size: 40px;} .divider1 p, .divider2 p {font-size: 16px; padding:0 10px;} .section-one h1 {margin-top: 10px;} .section-one h1,.homepage_sec2 h3,.homepage_sec3 h3 {font-size: 25px;} .section-one p,.homepage_sec2 p,.homepage_sec3 p{font-size: 15px; line-height: 20px;} /** Get Involved **/ .homepage_sec2 {padding: 10px 10px 20px;box-sizing: border-box;} .homepage_sec2 ul li:nth-of-type(3n+2){margin: 0;} .homepage_sec2 ul li:nth-of-type(2n+1){clear: both;} .homepage_sec2 ul li:nth-child(2n+2){float: right;} .homepage_sec2 ul li{width: 48%;} .homepage_sec2 ul li .images .down .title {font-size: 16px;} .homepage_sec3 {padding: 10px 10px 70px;box-sizing: border-box;} .executive-programmes{width: 100%;margin-bottom: 10px;} .executive-programmes.youth-events {width:94%} .virtual-library{width: 100%;box-sizing: border-box;margin-top: 30px;} /* footer css */ .top-footer{padding: 0 10px;box-sizing: border-box;} #footer-widgets{padding: 10px 0 0px 0;} #footer-widgets.col-4 .footer-widget-1 {width: 100%!important;float: left;box-sizing: border-box;} #footer-widgets.col-4 .footer-widget-2 {width: 100%!important;float: left;} #footer-widgets.col-4 .footer-widget-3{float: left;} #footer-widgets.col-4 .footer-widget-4{float: left;} #footer{box-sizing: border-box;padding: 15px 10px;} #footer-widgets.col-4 .footer-widget-1 .email-address{width: 95%;} #footer-widgets.col-4 .footer-widget-1 form {margin-top: 20px;} /* nav */ .nav-toggle{display: none;} #secondary-menu-container{display:none;} /* mob_menu */ a.meanmenu-reveal{display:none} .menu-mobile-menu-container *{box-sizing:border-box;} .mean-container .mean-bar{float:left;width:100%;position:relative;padding:4px 0;min-height:42px;z-index:999999; background:#ffffff;} .mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:static;top:0;right:0;cursor:pointer;color:#428bca;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700; float:right;} .mean-container a.meanmenu-reveal span{display:block;background:#428bca;height:3px;margin-top:3px} .mean-container .mean-nav{float:left;width:100%;background:#ffffff;/* margin-top:44px */} .mean-container .mean-nav ul{padding:0 0 45px 0;margin:0;width:100%; float:left;list-style-type:none} .mean-container .mean-nav ul li{position:relative;float:left;width:100%;} ul#menu-mobile-menu > li{border-top:1px solid #428bca;} .mean-container .mean-nav ul li a{display:block; margin:0;text-align:left;color:#428bca;text-decoration:none;padding:8px 0 8px 15px;} .mean-container .mean-nav ul li li a{width:90%;padding:10px 5%; text-shadow:none!important;visibility:visible} .mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0} .mean-container .mean-nav ul li li li a{width:auto;} .mean-container .mean-nav ul li li li li a{width:auto;padding:10px 20%} .mean-container .mean-nav ul li li li li li a{width:auto;padding:10px 25%} .mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)} .mean-container .mean-nav ul li a.mean-expand{width:35px;padding:10px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;} .mean-container .mean-nav ul li a.mean-expand:hover{background:#428bca;color:#fff;} .mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both} .mean-nav .wrapper{width:100%;padding:0;margin:0} .mean-remove{display:none!important} .mean-container .mean-nav ul .sub-menu{float:left; width:100%; padding:0 0 0 40px;} .mean-container .mean-nav ul .sub-menu li{border-top:1px solid #428bca;} /**slider **/ #content{box-sizing: border-box;padding: 0 10px 25px;} .metaslider-flex .msHtmlOverlay{background-color: #3e86bb; height: auto !important; margin-top: -10px; overflow: hidden; padding: 20px; position: static !important; box-sizing:border-box;} .metaslider-flex .msHtmlOverlay * {height: auto !important; position: static !important; width:100% !important;} .flex-control-nav{display:none;} .home-slider .layer p.main-heading span {font-size: 16px !important;} .home-slider .layer p{ font-size: 13px !important;} .home-slider .layer p a{padding:0 !important; width:150px!important; font-size: 12px !important;} .home-slider .layer.black_bg{background-position:center top!important;} /* event page */ .page-template-default h1.entry-title, .single-page h1.entry-title{font-size:25px;line-height:30px} .civik-event-col-left,.civik-event-col-right {float:left; width:100%;} .leftFields, .rightFields {width: 100%;} /***************************** from this line media query from style.css **************************************/ /* discover page css */ .mpage-container{padding:0 20px 20px;} .left-section,.page-template-template-virtual-library .left-section{margin-right:0;width:100%}.right-section,.page-template-template-virtual-library .right-section{width:100%;} .stories-sidebar,.discover-featuredStories{width:100%;margin-bottom:20px} ul.featuredStoryList li, .type-stories{height:auto!important} .secondary-banner h1.page-title {bottom: 10px;font-size: 30px;line-height: 34px;padding-left:10px} .discover-right-section{padding-top:20px;} /* learn page css */ .photo-and-logo{width:100%;float:left;text-align:center} .upcoming-events{width:100%;float:left;} .learn-right-section .virtual-library{width:100%;} .additionTextBox ul{margin:30px 0 0 30px} /* community page css */ .submenuContainer{width:98%} .articalPage-content,.page-template-template-communities .articalPage-content,.tax-community_category .articalPage-content,.tax-region_category .articalPage-content{width:100%;margin-top:20px;} h1.articalPage-title{bottom: 10px;font-size: 30px;line-height: 34px;padding-left: 10px;} .breadcrumb-trail{padding-left:10px;} /* contact page css */ .contactUs{padding:50px 20px;} .contactUs ul li div.fname,.contactUs ul li div,.contactUs ul li div.lname{width:100%;} /* contact page new css */ .gform_body ul li.fname{width:100%;float:left} .gform_body ul li.lname{width:100%;float:left} /* virtual library css */ .filter span{width:12%;} .filter form{width:87%;} .select-btn{width:45%;margin-bottom:10px} .fltr-key{width: calc(100% - 74px);} .vl-description{overflow:visible} .vl-image {margin-bottom:10px;max-width: 100%;width:100%;text-align:center} .sort button{margin-bottom:5px} /* country box css */ .description{width:38%} .selection{width:62%;padding:40px 10px} /* == 12 Dec == */ .civik_cr_w .submenuContainer, .civik_crm{width:100%;} .page-id-6601.page-template-default h1.entry-title{font-size: 20px;} .page-id-6601 #crm-container.crm-public .crm-section, .crm-section {font-size: 16px;} .eventspage .alignleft, .eventspage .alignRight{max-width:50%;} .civik_crm .list-image li img.alignleft, .civik_crm .list-image li img.alignRight{max-width:100%;} .eventspage .civik_crm{margin:40px 0 0 0;} .eventspage h1{font-size:24px !important; line-height:30px !important;} .eventspage .civik_cr_w .submenuContainer{width:100%;} .eventspage .civik_crm{width:100%;} .entry .event_summary-section p{font-size: 16px; line-height: 26px;} .eventspage .breadcrumb-trail{padding-left:0;} .event_info-section-element .label{width:100%; text-align:left;} .event_info-section-element .content{margin-left:0;} .content iframe{height:auto; width:100%;} } @media only screen and (max-width: 650px){ /* slider css */ .metaslider-flex .msHtmlOverlay{background-color: #3e86bb; height: auto !important; margin-top: -10px; overflow: hidden; padding: 20px; position: static !important; box-sizing:border-box;} .metaslider-flex .msHtmlOverlay * {height: auto !important; position: static !important; width:100% !important;} .flex-control-nav{display:none;} .home-slider .layer p.main-heading span {font-size: 16px !important;} .home-slider .layer p{ font-size: 13px !important;} } @media only screen and (max-width: 570px){ #logo {width: 35%;margin-bottom:7px} #header-right{position:static;width: 65%; padding-left:0;} .header-widget .widget {margin-left: 0; width: 100%;} .widget_woo_subscribe .social {margin: 10px 0 10px;text-align:right;} .searchform input.s, #searchform input#s{width:100%; height:30px; padding:0;} .header-widget .widget_search{position:absolute; bottom: 10px; left: 2%; position: absolute; z-index: 9999999; width:43% !important;} .header-widget .widget_search button.submit{right:-5px;} .header-widget .emailsubscription{width:180px!important;position: absolute;bottom: 10px;left: 2%;z-index: 99999999;} /* lang widget */ #lang_sel > ul > li > a.lang_sel_sel{padding: 4px 10px;} #lang_sel{width:100%; float:left; height:auto;} #lang_sel li{width:100%;} .header-widget .lang-widget { bottom: 18px; left: 210px; margin: 0; padding: 0; position: absolute; top: auto; width: 15%; z-index: 9999999;} /* footer css */ .top-footer .widget_woo_subscribe .social {margin: 10px 0 10px;text-align:center;} /* act page css */ .communities-icon ul li{width:45%} .communtyList.communities-icon ul li {margin: 0 2% 40px 0 !important; width: 75%;} } @media only screen and (min-width: 480px){ .menu-discover-container,.menu-act-container,.menu-learn-container{display: block !important;} .stories_image img.size-discover-featuredstories{width:100%;height:auto;} } @media only screen and (max-width: 479px){ /* header css */ /* .header-widget .emailsubscription{width:140px!important;} */ .stories_image img.size-discover-featuredstories{width:100%;height:auto;} .header-widget .widget_search input.s{width: 88%;} #secondary-menu li{border: none;margin-bottom: 10px;padding: 0 8px;} #secondary-menu li:last-child{padding: 0;} .header-widget .site-description{font-size: 13px;} .header-widget .lang-widget { left: 185px; } /* .header-widget .emailsubscription{width:180px!important;} */ .homepage_sec2 ul li{width: 100%;height: auto;margin-bottom: 20px;} .homepage_sec2 ul li .images .down p, .discover-getenvolved-section.homepage_sec2 ul li .images .down p{padding:25px 0} .homepage_sec2 ul li:nth-of-type(3n+2){margin: 0 0 20px;} .divider1 h2,.divider2 h2{font-size: 28px;line-height: 35px;} .featured_news .post_content .newsdesc h2{font-size: 15px;} .executive-programmes{width: 100%;margin: 15px 0 15px;} .executive-programmes.youth-events{margin:15px 0 0;} /* footer css */ #footer-widgets.col-4 .footer-widget-2 .widget{width: 100%;margin: 10px 0 10px;} #footer-widgets.col-4 .footer-widget-3{width: 100%;} #footer-widgets.col-4 .footer-widget-4{width: 100% !important;padding: 0;} #footer-widgets.col-4 .footer-widget-4 .widget li{font-size: 16px;line-height: 20px;display: inline-block;margin-right: 10px;} #footer .col-left,#footer .col-right{width: 100%;} .top-footer h3{font-size: 16px !important;} /** Footer toggle **/ .top-footer .footer-widget-2 h3{cursor: pointer;display: inline-block;} .top-footer .footer-widget-3 h3{cursor: pointer;display: inline-block;padding: 0;} #footer-widgets.col-4 .footer-widget-3{padding: 0px 20px 0 0;} .top-footer .footer-widget-2 h3{line-height: normal;padding: 0;} .menu-discover-container,.menu-act-container,.menu-learn-container{display: none;margin: 0.8em 0 0.8em;} .top-footer .footer-widget-2 h3, .top-footer .footer-widget-3 h3{background:url(images/plus.png) no-repeat right center; padding-right:25px;} /************************** from this line media query from style.css ***************************************/ /* virtual library css */ .filter span{width:15%;} .filter form{width:84%;} .select-btn{width:90%;margin-bottom:10px} .vl-kt span{width:100%;float:left} .library-left,.library-right{width:100%;margin:10px 0} .doc-img-container{width:100%;text-align:center} /* featured stories list on discover page */ ul.featuredStoryList li .images .side, .type-stories .images .side{padding:5px} ul.featuredStoryList li .images .side .location, .type-stories .images .side .location{font-size:11px;line-height:14px} ul.featuredStoryList li .images .side .title, .type-stories .images .side .title{font-size:12px;line-height:15px} ul.featuredStoryList li .images .side .more, .type-stories .images .side .more{padding:5px 6px;font-size:11px} ul.featuredStoryList li .images span.community , .type-stories .images span.community {font-size: 16px;line-height: 19px;} /* country box css */ .countries{background:transparent} .description{width:100%;padding:15px 20px;position:static;border-radius:0px} .selection{width:100%;background:rgba(0, 0, 0, 0) url("images/country-bg.jpg") no-repeat scroll left top / 100% 100%;border-radius: 0 0 5px 5px;padding:20px} .select-cntry{width:100%;margin-top:10px;} /* news page */ .news-image{width:100%;text-align:center} .news-image img.attachment-news-rightsidebar-res{display:inline-block} /* act page css */ .communities-icon ul li{width:85%;float:left} .imageRepeater{float:left; margin:15px 0; width:100%;} .civik_crm .list-image li{float:left; margin:0 0 20px; vertical-align:top; width:100%;} } #gform_wrapper_4{ display : block !important; } @media only screen and (min-width: 768px){ .submenuContainer-fixed{position:fixed;width:19%!important;top:10px;animation-delay: 0.5s; animation-duration: 450ms; animation-fill-mode: both; animation-name: fadeInDown; position: fixed;} } @media only screen and (min-width: 1024px){ .submenuContainer-fixed{position:fixed;width:15%!important;top:10px;animation-delay: 0.5s; animation-duration: 450ms; animation-fill-mode: both; animation-name: fadeInDown; position: fixed;} } @keyframes fadeInDown { 0% { opacity: 0; transform: translate3d(0px, -100%, 0px); } 100% { opacity: 1; transform: none; } } .eventDate{font-weight: bold;display: block; margin: 10px 0px 15px;} .articalPage-content .gform_body{/* width: 85%; */float: left;} .articalPage-content .gform_wrapper ul.left_label li,.articalPage-content .gform_wrapper form ul.left_label li{width: 100%;margin-bottom: 0;} .articalPage-content .gform_wrapper .left_label input.large{width: 100%;float: left;height: 40px;line-height: 18px;margin: 0; border: 1px solid rgb(204, 204, 204);border-radius: 5px 0 0 5px;} .articalPage-content .gform_wrapper .gform_footer.left_label {float: left;margin: 0; padding: 0;width: 15%;clear: right;} .articalPage-content .gform_wrapper label.gfield_label + div.ginput_container{margin-top:0} .validation_error{display:none!important} .leftDiv{width:50%;float:left;} .rightDiv{width:50%;float:left;} /* kpicasa */ /******************************************** * Album list * ********************************************/ /* table border */ table#kpg-albums {border: none; width: 100%; max-width: 100%; } @media only screen and (max-width: 479px){ table#kpg-albums td { vertical-align: top; display: block; width: 100%; } } /* table cell containing one album */ table#kpg-albums td { padding: 0% 0% 4% 0%; vertical-align: top; } /* the album picture thumbnail */ table#kpg-albums td img.kpg-thumb { border: solid 1px black; } /* the link with the name of the album */ table#kpg-albums td div.kpg-title a { text-align: center; } /* the album summary */ table#kpg-albums td div.kpg-summary { } /* the album location */ table#kpg-albums td div.kpg-location { font-style: italic; } /* the album's published timestamp */ table#kpg-albums td div.kpg-published { } /* the number of photos in the album */ table#kpg-albums td div.kpg-nbPhotos { margin-top: 0; } /* PLEASE TAKE CARE WHEN EDITING THE TWO CLASSES BELOW */ /* They are used to style the output differently depending if there are one or more albums per row */ table#kpg-albums td img.kpg-thumb-onePerRow { float: left; margin-right: 10%; } table#kpg-albums td img.kpg-thumb-multiplePerRow { clear: both; } /******************************************** * Picture list (in an album) * ********************************************/ /* the "Back to album list" link container */ div#kpg-backLink { padding-bottom: 20px; font-family:"proxima-nova"; } /* the box with the album description */ div#kpg-album-description { padding: 1%; margin-bottom: 1%; font-family: "proxima-nova"; font-size: 18px; color: #343434; } /* the album title */ div#kpg-album-description div#kpg-title { padding: 1%; margin-bottom: 1%; font-family: "proxima-nova"; font-size: 18px; color: #343434; } /* the album summary */ div#kpg-album-description div#kpg-summary { } /* the album location */ div#kpg-album-description div#kpg-location { font-style: italic; } /* the album's published timestamp */ div#kpg-album-description div#kpg-published { } /* the number of photos in the album */ div#kpg-album-description div#kpg-nbPhotos { margin-top: 0px; } /*entry table*/ /* table cell containing he picture + caption */ @media only screen and (max-width: 479px){ table#kpg-pictures td { text-align: center; padding-bottom: 20px; vertical-align: top; } } table#kpg-pictures td { text-align: center; padding-bottom: 20px; vertical-align: top; } /* the picture caption */ table#kpg-pictures td div.kpg-summary { } /* the picture thumbnail */ table#kpg-pictures td img.kpg-thumb { border: solid 1px black; } /******************************************** * Paginator * ********************************************/ /* block containing the paginator */ div#kpg-paginator { font-weight: bold; text-align: center; line-height: 30px; } /* the current page */ div#kpg-paginator span.kpg-on { border: solid 1px #C0C0C0; padding: 4px; } /* the other pages */ div#kpg-paginator a { border: solid 1px #F0F0F0; padding: 4px; } /* the current page */ .gallery_image{ width:100%; float:left; background:url(/wp-content/uploads/2016/04/gallery-discover-all-1.png) no-repeat left top; border-top:10px solid #00578b; border-radius:5px;position:relative; background-size:100% 100%; margin-bottom:60px } @media only screen and (max-width: 479px){ .gallery_image .selection{width:100%;background:rgba(0, 0, 0, 0) url("/wp-content/uploads/2016/04/gallery-discover-all-1.png") no-repeat scroll left top / 100% 100%;border-radius: 0 0 5px 5px;padding:20px} .gallery_image { background: transparent; background-color: transparent; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: auto auto; } .gallery_image .description { margin-top: auto; } } .articalPage-content .breadcrumb-trail{ display:none; } .gallery_image a.learn{font-size: 12px;color: #fff;line-height:15px;border:solid 3px #fff;padding:16px;font-weight: bold;display:inline-block;margin:5px 0 0 0;border-radius:5px;text-decoration: none;} .gallery_image a.learn:hover, ul.featuredStoryList li .images .side .more:hover,.homepage_sec2 ul li .images .down .more:hover{border:solid 3px #0B496F;} /*socialshare plugin SHARETHIS*/ .sthoverbuttons-label{ display: none; } /*hide the comments in news*/ p.comment-count{ display: none; } a.seeallstoriries{font-size: 18px;color: #0068A7 !important;background:url(images/seeall.png) no-repeat center right;line-height:15px;padding:0 22px 0 0;float:right;line-height:57px;font-family:"proxima-nova";font-weight:700; position: relative; top: -20px;}