/*
Theme Name: SDGA
Theme URI: https://afterimagedesigns.com/wp-bootstrap-starter/
Author: Afterimage Designs
Author URI: https://afterimagedesigns.com/
Description:  The best WordPress starter theme based on the most powerful frameworks in the world: "_s" (by Automattic, the main people behind WordPress development), Twitter Bootstrap (the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web) and Font Awesome (or Fontawesome, a full suite of 675+ pictographic icons for easy scalable vector graphics on websites). This theme, like WordPress, is licensed under the GPL. You can use this theme as base for your next WordPress theme project and you are allowed to remove the link at the footer or do whatever you want. Your feedback on how we can continuously improve this WordPress Starter Theme Bootstrap will be highly appreciated. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.0.0 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Version: 3.1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: wp-bootstrap-starter
Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, sticky-post, full-width-template
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Woocommerce
# Footer
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');
@font-face {
  font-family: Lato-Medium;
  src: url("asserts/fonts/lato/Lato-Medium.ttf");
}
body {
  margin: 0;
  -webkit-font-smoothing: auto;
  font-family: Lato-Medium !important;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
  text-decoration: none !important;
}

a:active,
a:hover {
  outline: 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 2.5rem;
}

hr {
  box-sizing: content-box;
  height: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
.bc_fed label{font-weight: normal !important; font-family: 'Montserrat', sans-serif;font-size: 12px;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  clear: both;
  color: #24292e;
  font-weight: 600;
  margin-top: 24px;
  margin-bottom: 15px;

}
h1 {
  font-size: 32px;
  padding-bottom: 10px;
}
h2 {
  font-size: 24px;
  padding-bottom: 0.3em;
  line-height: 1.25;
}
h3 {
  font-size: 18px;
  line-height: 25px;
}
h4 {
  font-size: 16px;
  line-height: 20px;
}
h5 {
  font-size: 14px;
  line-height: 17.5px;
}

p {
  margin-bottom: 1.5em;
}
h1.entry-title {
  font-size: 1.31rem;
  border-bottom: 1px solid #eaecef;
}
h2.entry-title {
  border-bottom: 1px solid #eaecef;
}
h3.widget-title {
  font-size: 1.2rem;
}

.padt50{padding-top: 50px}
.entry-content p{font-family: 'Montserrat', sans-serif;font-size: 17px;font-weight: normal}
.projectlogo img{width: 100%;padding-left: 20px;margin-top: 10px}
.card img{height: 180px}
.project .post-thumbnail img{width: 100%}
.projectimage{position: relative;}
.votebtn{position: relative; top: -80px;left:50%}
.projectpage h1{font-family: Arial, Helvetica, sans-serif;font-size:46px;font-weight:bolder ;text-align: center;}
.bc_fed .list-group-item{background-color: #424242 !important}
.bc_fed .list-group-item .active{background-color: #b6b6b6 !important}
.hblock .border{border: solid 4px !important;padding: 10px 20px 10px 20px;width:57%;left: 15%;position: absolute;font-size: 1.2rem;font-weight: 600;}
.event select{width: 90% !important;float: right}
.fed_dashboard_panel_body .btn-primary{margin-bottom: 10px !important;}
.fed_dashboard_items form button{margin: 0 auto !important;}
.home-block3 img{width: 130px;padding: 10px}
.user-registration{width: 65%; margin: 0 auto !important; }
.modal-content #user-registration{width: 100%;padding: 20px}
.password-input-group{width: 100%}
.wpcf7-form .btn-primary{width: 100%}
.aboutcat h1{font-family:'Montserrat', sans-serif;font-size: 42px;font-weight: bold;color: #1e97d0;text-align: center}
.aboutcat{font-family: 'Lato-Light', sans-serif !important;font-size: 22px;font-weight: normal}
/*.aboutcat img:hover{box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);}*/
.dropdown-toggle::after{content:none !important}
.navbar .container-fluid{padding-right: 0px !important}

.nav-item a:hover{color:black !important}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.owl-item{padding: 5px 5px 10px 5px;}
.owl-item img{width: 120px}
.owl-item .item img:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.nodisplay{display: none !important}
.clearboth{clear: both}
.fed_dashboard_item_field{padding: 30px 20px 30px 20px !important}
.diconimg img{width: 30px;padding-right: 3px}
.diconimg{font-size: 14px;margin: 10px}
blockquote {
    font-family: Georgia, serif;
    font-size: 18px;
    font-style: italic;
    width: 450px;
    margin: 0.25em 0;
    padding: 0.25em 40px;
    line-height: 1.45;
    position: relative;
    color: #383838;
    background:#ececec;
}
 
blockquote:before {
    display: block;
    content: "\201C";
    font-size: 80px;
    position: absolute;
    left: -10px;
    top: -10px;
    color: #7a7a7a;
}
 
blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}
  
blockquote cite:before {
    content: "\2014 \2009";
}
.sdgcontent .post_content{margin-top: 650px;}
.home-event{
    background-image: url("asserts/images/sliderback.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 400px;
}
.wmap img{width:60%;text-align: center}
.wmap h2{color:#1e97d0;margin-bottom: 0px;}
.wmap h3{color: #1e97d0;margin-top: 0px}
.votebegins{display: none;}
.votebegins h2{color:#87226a}
.circle {
    background: white;
    border-radius: 100%;
    height: 5em;
    width: 5em;
    text-align: center;
    opacity: 0.7;
  filter: alpha(opacity=50);
  margin-right: 50px
}
.circle .tcount{padding:3px;font-size:50px}
/*translate dropdown*/
 /* OVERRIDE GOOGLE TRANSLATE WIDGET CSS BEGIN */
        div#google_translate_element div.goog-te-gadget-simple {
            border: none;
            background-color: transparent;
            /*background-color: #17548d;*/ /*#e3e3ff*/
        }

        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value:hover {
            text-decoration: none;
        }

        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span {
            color: #1e9dd3;
            text-transform: uppercase;
            font-weight:bold;
        }

        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover {
            color: #3a821d;
            font-weight:bold;
        }
        
        .goog-te-gadget-icon {
            display: none !important;
            /*background: url("url for the icon") 0 0 no-repeat !important;*/
        }

        /* Remove the down arrow */
        /* when dropdown open */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(213, 213, 213);"] {
            display: none;
        }
        /* after clicked/touched */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(118, 118, 118);"] {
            display: none;
        }
        /* on page load (not yet touched or clicked) */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="color: rgb(155, 155, 155);"] {
            display: none;
        }

        /* Remove span with left border line | (next to the arrow) in Chrome & Firefox */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left: 1px solid rgb(187, 187, 187);"] {
            display: none;
        }
        /* Remove span with left border line | (next to the arrow) in Edge & IE11 */
        div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span[style="border-left-color: rgb(187, 187, 187); border-left-width: 1px; border-left-style: solid;"] {
            display: none;
        }
        /* HIDE the google translate toolbar */
        .goog-te-banner-frame.skiptranslate {
            display: none !important;
        }
        body {
            top: 0px !important;
        }
        
       
        
        /* OVERRIDE GOOGLE TRANSLATE WIDGET CSS END */
/*translate end*/

.single_projectpage{ background-image: url("asserts/images/backgrounds_single.png") !important;
    background-size: cover;
    width: 100%;}
.projectsingle_container{background: white;min-height: 1000px;height: 100%;padding-bottom: 50px}
.st-sect__firstcontainer .projectsingle_container{background: white;min-height: 0 !important;height: auto;padding-bottom: 50px}
.st-sect__secondcontainer .projectsingle_container{background: white;min-height: 0 !important;height: auto;padding-bottom: 50px}
.projectsingle_container h2{margin: 0px !important;padding: 0px !important;}
.projectsingle_container .alert{padding-bottom: 0px; padding-top: 0px;}
.single_projectpage #content.site-content{padding-bottom: 0px}
.toolbar-projects select{width: 210px;float: left;margin: 0 12px 20px 0;}
.toolbar-ctl{padding-bottom:50px;clear: both;padding-left: 130px}
.grid .card{height:450px;overflow:auto;}
.grid .card h1{margin: 0px;padding:10px 0 10px 0;font-size: 15px}
.grid .author-name{font-size: 12px;color: #249ac2;}
.grid .grid-item{margin-top: 10px;}
.postcustom{display: none;}
  /* Make the image fully responsive 
  .carousel-inner img {
      width: 100%;
      height: 100%;
  }*/
  .carousel {margin: 0 auto;width: 80%;top: 20px;color: white;font-family: 'Montserrat';}
  .carousel-item h1{color: white;font-family: 'Montserrat';text-transform: capitalize;font-size:35px;}
   .carousel-item a{color: white;font-family: 'Montserrat';font-size: 18px;}
 .divcenter{margin: 0 auto}
 .carousel-control-next, .carousel-control-prev{top:100px}
 .eventpage h1{text-transform: uppercase}
 .eventname{font-family: 'Montserrat';font-size: 12px;text-transform: capitalize;text-decoration: none;color:#2499bc;font-weight: bold }
 .bionominee{font-family: 'Lato', sans-serif !important;text-align: justify;font-size: 16px;padding-bottom: 10px;padding-top: 10px}
 
/*homepage css start*/
.clearall{clear: both}
.nav-link:hover{text-decoration: none;font-weight: normal !important;color:#3a821d !important}
#logo{ 
       /*width: 280px;
       height: 280px;*/
       object-fit: contain;
       position: absolute;
      top: 10px !important;
      height: 105px;
      left: 10px !important;
      z-index: 9;
}
.nhead h1{text-align: center;font-size: 50px;font-family: 'Montserrat', sans-serif;}
.nshead{text-align: center;padding-bottom: 15px;}
.headercontent h1{font-size: 42px;font-weight: normal;padding-bottom: unset !important;margin-bottom: unset !important;}
#masthead .bannertext{padding-top: 40px;}
.headercontent span{font-size:20px;font-weight: 500;display: block;width: 90% }
.banertext{font-family: Arial, Helvetica, sans-serif !important;font-size: 21px; font-weight: normal;}
.banertext p{ font-weight: normal; margin-bottom: 2px;}
.worldimg img{position: absolute;right: 0px;top:100px;width:20%}
#masthead .cta{text-transform: uppercase;
               text-align:center; 
               float: left;padding: 12px;
               /*margin: 25px;*/
               width: 45%;
               font-family: 'Montserrat', sans-serif;
               font-size: 21px;
               height: 175px;
               font-weight: 500px;
               margin-left: 10px;
               margin-right: 10px;
               margin-top: 30px
}
.homecta{margin: 0 auto; width: 50%;}
.sponsor{border: 4px solid red}
.nomiee{border:4px solid #1e97d0}
.vw{border: 4px solid #3a821d}
.sponsor span{background: red;padding: 10px 47px;color: white;margin-top: 10px;font-family: 'Montserrat', sans-serif;font-weight: bold}
.nomiee span{background: #1e97d0;padding: 10px 47px;color: white;margin-top: 10px;font-family: 'Montserrat', sans-serif;font-weight: bold}
.vw span{background: #3a821d;padding: 10px 11px;color: white;margin-top: 10px;font-family: 'Montserrat', sans-serif;font-weight: bold}
.homepagecontent{font-weight: bold;color:#3a821d;text-align: center;text-transform: uppercase;font-family:'Montserrat-Bold', sans-serif;font-size: 32px;padding-bottom: 20px }
.homehead{font-weight: bold;text-transform: uppercase;font-family:'Montserrat-Bold', sans-serif;font-size: 28px;text-align: center;padding-bottom: 20px;}
.homehead span{color:#ff0000;}
.homeheadcontect{font-size: 16px;font-weight: normal;font-family:'Montserrat';height: 130px}
.homeheadcontect ul{list-style: none;}
.homeheadcontect ul li::before {
  display: inline-block; 
  width: 1em; 
  margin-left: -1em;
  font-size: 1.1em;
  background-image: url('asserts/images/baby-ball-1.png');
   content: '';
   margin-top: 8px;
   border-radius: 5px;
    width: 10px;
    height: 10px;
    position: absolute;
}
.col-sm-5 img{width: 449px;height: 308px;}
.secback{width: 100%;height: 300px;position: absolute;}
.secback img{width: 100%;height: 150px;position: absolute;top: -80px}
.relativediv{position: relative;z-index: 9}
.home .relativediv{padding-top: 60px;}
.secback .readmore{font-family:'Montserrat-Bold', sans-serif;  font-size: 24px;font-weight: bold;background: #ff0000;width: 200px;padding: 10px 30px;color: white;text-transform: uppercase;text-align: center}
.home-block3{position:relative;margin: 0 auto}
#comments{display: none;}
.un75{width: 150px;position: absolute;left: 350px;top: 25px;}
/*home page css end*/

/*SDG Footer*/

.lastfooter{background:#424242;padding: 30px }
.lastfooter a{color:white;padding: 18px;font-family: 'Lato', sans-serif !important;font-size: 15px;color:#d3d3d3}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
body {
  background: #fff;
 
}
.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.un75 img{width:120%;height:80px;max-width: unset; margin-left: -45px; }
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
#menu-header{}
/*#menu-header li{border-right:2px solid #fff;height: 100px}*/
.dropdown-item{padding: 3px !important;}
/*#menu-header li a{padding: 40px 10px !important}*/
.navbar{background: rgba(255, 255, 255, 0.7);height: 125px;}
.navbar-light .navbar-brand{width: 100% !important}
.dropdown-menu{text-transform: uppercase;font-size: 12px}
#main-nav{margin: 0 auto}
.nav-link{
color: #1e97d0 !important;
font-size: 15px !important;
font-family:Lato-Medium !important;
font-weight: 500;
font-style: normal;
font-stretch: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
}
.slogo img{width: 200px !important}
.blogo img{width: 310px !important;height: 200px;background: white}
.sdgnum{text-align: center}
.sdgheader{position: absolute;width: 100%;background-size: 100% 100%;height: 1000px;}
.sdgtitle{text-transform: uppercase;color: white;text-align: center;font-size:60px ;font-weight: bold;text-transform: uppercase;position: absolute;left: 50%;transform: translate(-50%, 60%);width: 50%;margin: 0 auto;top:25%}
.allpages{background-image:url("asserts/images/homebenner.png") !important;background-repeat: no-repeat;background-size: cover; width: 100%; top:0}
.dashboard{background-image:url("asserts/images/background-dash.png") !important;background-repeat: no-repeat;background-size: cover; width: 100%; top:0;}
.profileimg{width:40px;}
.userprofile{font-size:26px;text-transform: uppercase}
.sdgblock{position: absolute;left: 50%;transform: translate(-40%, 50%);width: 50%;margin: 0 auto;top: 55%;}
.dlink{padding-bottom: 15px;}
.dlink a{font-size: 23px;color:black;position: relative;top:4px;left: 4px;}
.dicon{width: 30px;}
.sdgcontent .container{min-height: 400px;padding-top: 400px}
.bannerheight{ height: 1400px;}
.navbar-brand > a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.1rem;
  outline: medium none;
  text-decoration: none;
  color: #fff;
  font-weight: 700;
}

 .page-id-10333{background-color: #CCFFFF !important}
/*sdg category slider*/


 .carousel-wrap {
    
    margin: auto;
    position: relative;
    
  }
  .owl-carousel .owl-nav{
    overflow: hidden;
    height: 0px;
  }
 
  .owl-theme .owl-dots .owl-dot.active span, 
  .owl-theme .owl-dots .owl-dot:hover span {
      background: #2caae1;
  }
 
 
  .owl-carousel .item {
      text-align: center;
  }
  .owl-carousel .nav-btn{
      height: 47px;
      position: absolute;
      width: 43px;
      cursor: pointer;
      top: 35px !important;
  }
 
  .owl-carousel .owl-prev.disabled,
  .owl-carousel .owl-next.disabled{
    pointer-events: none;
    opacity: 0.2;
  }
 
  .owl-carousel .prev-slide{
      background: url(asserts/images/arrow-sx.png) !important;
      left: -48px;
      opacity: 1 !important;
      border-radius: 0px !important;
  }
  .owl-carousel .next-slide{
      background: url(asserts/images/arrow-dx.png) !important;
      right: -48px;
      opacity: 1 !important;
      border-radius: 0px !important;
  }
  .owl-prev{background: transparent !important;}
  .owl-next{background: transparent !important;}

.navbar-brand > a:visited, .navbar-brand > a:hover {
  text-decoration: none;
  }
  
  .votebegins{
      background: url(asserts/images/votebegin.png) !important;
      right: -48px;
      opacity: 1 !important;
      border-radius: 0px !important;
      padding: 50px;
  }
  .jques{font-size: 42px;text-transform: uppercase;font-weight: bold}
  .jpmed{color: #87226a;font-size: 26px;text-transform: uppercase;font-family:'Montserrat', sans-serif;}
  .jpsmall{color: #87226a;font-size: 22px;font-family:'Montserrat', sans-serif;}
.sdgcontentinfo{background: #f3f3f3;padding: 40px;font-size: 30px;color:#868686;}
.sdgcontentinfo .sdinfo{padding-right: 100px;text-align: center}
.sdgcontentinfo a{color: #1898d1;font-size: 40px}
.sdgcontentinfo span{color: #1898d1}
.panel-heading{display: none;}
.addproject{  font-family: 'Lato';font-size: 75px;text-align: center;font-weight: bold}
/*sdg tabs*/

 /* Style the tab */
.tab {
  overflow: hidden;
  color:#fff;
  background-color: #1e97d0;
}
.tablinks{color: white; }
/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 132px;
  transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}


#page-sub-header {
 
}

body:not(.theme-preset-active) #page-sub-header h1 {
  line-height: 1.6;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
}
body:not(.theme-preset-active) #page-sub-header p {
color: #212529;
}
a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}
.home-event-head{font-weight:bold;font-size:32px;}
.slideevename{font-weight:bold;font-size:30px;text-align: center}
.sleft{float:left;width: 20%}
.sleft img{width:200px}
.scontent{width:70%;float: left;margin-top: 20px;margin-left: 20px}
.flogo{width:70%;float:right}
.flblock{padding:30px;}
.htag{position: relative;bottom: 0;top: 117px; right: 60px;}
@media screen and (min-width: 768px) {
  body:not(.theme-preset-active) #page-sub-header h1 {
    font-size: 3.750rem;
  }
  body:not(.theme-preset-active) #page-sub-header {
    font-size: 1.25rem;
  }
}
@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#masthead nav {
  padding-left: 0;
  padding-right: 0;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
  color: #cdbfe3;
  padding: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover,
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
  color: #fff;
  font-weight: 600;
  /*background: #f9f9f9;*/
}

.navbar-brand {
  height: auto;
}

.navbar-toggle .icon-bar {
  background: #000 none repeat scroll 0 0;
}

.dropdown-menu .dropdown-toggle::after {
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
  border-top: 0.3em solid transparent;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

.dropdown-item {
  line-height: 1.2;
  padding-bottom: 0.313rem;
  padding-top: 0.313rem;
}

.dropdown-menu {
  min-width: 12.500rem;
}

.dropdown .open .dropdown-menu {
  display: block;
  left: 12.250em;
  top: 0;
}




@media screen and (min-width: 37.5em) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .dropdown-menu li > .dropdown-menu {
    right: -9.875rem;
    top: 1.375rem;
  }
}
@media screen and (max-width: 991px) {
  .navbar-nav .dropdown-menu {
    border: medium none;
    margin-left: 1.250rem;
    padding: 0;
  }

  .dropdown-menu li a {
    padding: 0;
  }

  #masthead .navbar-nav > li > a {
    padding-bottom: 0.625rem;
    padding-top: 0.313rem;
  }

  .navbar-light .navbar-toggler {
    border: medium none;
    outline: none;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 0.313rem;
  line-height: normal;
  padding: 0.938rem 1.438rem 0.875rem;
  text-decoration: none;
  top: 0.313rem;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  font-size: 0.875rem;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav > li > a:focus,
.nav > li > a:hover {
  background-color: #eee;
  text-decoration: none;
}
.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}
.widget_categories .nav-link {
  display: inline-block;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content.site-content {
  /*padding-bottom: 10.80rem;
  padding-top: 8.125rem;*/
  padding-bottom: 2.8rem;
padding-top: 2.125rem;
}

.exertcontent{font-family:'Montserrat-Bold', sans-serif;font-size: 13px;font-weight: normal;color:#929292}
.card-body h1 a{font-family:'Montserrat-Bold', sans-serif;text-decoration: none;color: #459ba5;text-transform: capitalize}
.sticky .entry-title::before {
  content: '\f08d';
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
  font-weight: 900;
}

.sticky .entry-title {
  position: relative;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.post.hentry {
  margin-bottom: 4rem;
}

.posted-on, .byline, .comments-link {
  color: #9a9a9a;
}

.entry-title > a {
  color: inherit;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  background: #f1f1f1 none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 0.313rem 0.313rem 0;
  text-align: center;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text {
  font-size: 0.688rem;
  line-height: 1.063rem;
  margin: 0;
  padding: 0.625rem;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-item .gallery-columns-2 {
  max-width: 50%;
}
.gallery-item .gallery-columns-3 {
  max-width: 33.33333%;
}
.gallery-item .gallery-columns-4 {
  max-width: 25%;
}
.gallery-item .gallery-columns-5 {
  max-width: 20%;
}
.gallery-item .gallery-columns-6 {
  max-width: 16.66667%;
}
.gallery-item .gallery-columns-7 {
  max-width: 14.28571%;
}
.gallery-item .gallery-columns-8 {
  max-width: 12.5%;
}
.gallery-item .gallery-columns-9 {
  max-width: 11.11111%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugin Compatibility
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Woocommerce
--------------------------------------------------------------*/
.woocommerce-cart-form .shop_table .coupon .input-text {
  width: 8.313rem !important;
}

.variations_form .variations .value > select {
  margin-bottom: 0.625rem;
}

.woocommerce-MyAccount-content .col-1,
.woocommerce-MyAccount-content .col-2 {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/
.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/
.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
footer#colophon {
  font-size: 85%;
}
footer#colophon h1{
  text-align: center
}
body:not(.theme-preset-active) footer#colophon {
  color: #99979c;
  background-image: url('asserts/images/block-2-back.png');
}
.site-info img{width: 466px;padding: 20px 20px}
.navbar-dark .site-info {
  color: #fff;
}
.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a, footer#colophon a {
  color: inherit;
}
 .navbar-toggler{display: none;}
 
 .overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
.ctext{font-size: 22px;font-weight: normal}
.pt-70{padding-top: 70px}
 .category li{list-style: none;}
 .search-field{width: 70%}
 /*.dropdown-menu {width:950px;}*/
 .megamenu .dropdown-item{font-size: 12px;}
 
 .img-top{display: block}
.img-top {
    top: -47px;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s;
    -webkit-transform: translate3d(0, 0, 0);
}
.img-top {
    background: url(asserts/images/card-hover-top.png) repeat-x 0 0;
   
    left: 0;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    width: 275px;
}
.picture {
    
    margin-bottom: 3px;
}
.picture {
    border: 0;
    color: #58595b;
    cursor: pointer;
    font-size: 11px;
    
    margin-bottom: 3px;
    overflow: hidden;
    position: relative;
    
}
.picture div{
    font-size: 15px;
    font-weight: normal;
    font-family: 'LatoRegular',Arial,Verdana,sans-serif;
    text-transform: lowercase;
    margin-bottom: 10px;
    padding: 0px;
    color: #58595b;
    height: 28px;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 auto;
}
.img-top {
    text-align: center;
}
.picture:hover .img-top {
    top: 0;
}


.homedonate a {  
 display: inline-block;
margin: 20px;
position: relative;
text-decoration: none;
}


.donate {
    background: 
#00684d;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%), -webkit-linear-gradient(left, #00b486 0%, #00684d 50%, #00b486 100%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(to right, #00b486 0%, #00684d 50%, #00b486 100%);
background-position: 0 0;
background-size: 200% 100%;
border-radius: 4px;
color:
#fff;
padding: 15px 65px 15px 15px;
text-shadow: 1px 1px 5px
    #666;
    -webkit-transition: all 800ms;
    transition: all 800ms;
}
.donate::after {
    
color:
    #fff;
    content: "\f004";
    font: 20px "FontAwesome";
    padding: 10px 0;
        padding-left: 0px;
    padding-left: 15px;
    position: absolute;
    right: 16px;
    top: 7px;
    -webkit-transition: all 600ms 200ms;
    transition: all 600ms 200ms;
    color:red
}
  
  .donate::hover {
    
    color:#ffffff !important;
  }
  
  .votenow {
    background: #529ef2;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.4) 100%), -webkit-linear-gradient(left, #dc3545 0%, #dc3545 50%, #dc3545 100%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(to right, #dc3545 0%, #dc3545 50%, #dc3545 100%);
background-position: 0 0;
background-size: 200% 100%;
border-radius: 4px;
color:
#fff;
padding: 15px 65px 15px 15px;
text-shadow: 1px 1px 5px
    #666;
    -webkit-transition: all 800ms;
    transition: all 800ms;
}
.votenow::after {
  
color:
    #fff;
    content: "\f00c";
    font: 20px "FontAwesome";
    padding: 10px 0;
        padding-left: 0px;
    padding-left: 15px;
    position: absolute;
    right: 16px;
    top: 7px;
    -webkit-transition: all 600ms 200ms;
    transition: all 600ms 200ms;
    color:#529ef2;
}

/* set hover color */
 a:hover {
  
}
 
/*time line*/


 #timeline {
    width: 1200px;
    height: 350px;
    overflow: hidden;
    margin: 100px auto;
    position: relative;
    background: url('asserts/images/dot.gif') left 45px repeat-x;
  }
    #dates {
      width: 1200px;
      height: 60px;
      overflow: hidden;
    }
      #dates li {
        list-style: none;
        float: left;
        width: 150px;
        height: 60px;
        font-size: 18px;
        text-align: center;
        background: url('asserts/images/circle-2.png') center bottom no-repeat;
      }
        #dates a {
          line-height: 28px;
          padding-bottom: 10px;
          color:white;
        }
        #dates .selected {
              font-size: 20px;
              font-weight: bold;
        }
    
    #issues {
      width: 1200px;
      height: 350px;
      overflow: hidden;
    } 
      #issues li {
        width: 1200px;
        height: 350px;
        list-style: none;
        float: left;
      }
        #issues li.selected img {
          -webkit-transform: scale(1.1,1.1);
          transform: scale(1.1,1.1);
        }
        #issues li img {
          float: left;
          margin: 10px 30px 10px 50px;
          background: transparent;
          -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */   
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);/* IE 6 & 7 */      
          zoom: 1;
          -webkit-transition: all 2s ease-in-out;
          transition: all 2s ease-in-out;
          -webkit-transform: scale(0.7,0.7);
          transform: scale(0.7,0.7);
        }
        #issues li h1 {
          color: #ffcc00;
          font-size: 48px;
          margin: 20px 0;
          text-shadow: #000 1px 1px 2px;
        }
        #issues li p {
          font-size: 14px;
          margin-right: 70px;
          font-weight: normal;
          line-height: 22px;
          text-shadow: #000 1px 1px 2px;
        }
    
    #grad_left,
    #grad_right {
      width: 100px;
      height: 350px;
      position: absolute;
      top: 0;
    }
      #grad_left {
            left: 0;
          /*  background: url('asserts/images/grad_left.png') repeat-y;*/
      }
      #grad_right {
            right: 0;
            /*background: url('asserts/images/grad_right.png') repeat-y;*/
      }
    
    #next,
    #prev {
      position: absolute;
      top: 0;
      font-size: 70px;
      top: 170px;
      width: 22px;
      height: 38px;
      background-position: 0 0;
      background-repeat: no-repeat;
      text-indent: -9999px;
      overflow: hidden;
    }
      #next:hover,
      #prev:hover {
        background-position: 0 -76px;
      }
      #next {
        right: 0;
        background-image: url('asserts/images/next.png');
      }
      #prev {
        left: 0;
        background-image: url('asserts/images/prev.png');
      }
        #next.disabled,
        #prev.disabled {
          opacity: 0.2;
        }

        .utype {
    margin:auto;
    position:relative;
    left: 35%;
    padding-bottom: 90px;
  
}
.utype select{
    width: 400px;
    padding:10px 0 10px 3px;
}
.ur-frontend-form.ur-frontend-form--flat {
    background: #ffeedc;
    background: transparent;   
}
.ur-submit-button{background: #337ab7;color: white; width: 250px;margin: 0 auto}
@media screen and (max-width: 767px) {
  #masthead .navbar-nav > li > a {
    padding-bottom: 0.938rem;
    padding-top: 0.938rem;
  }
}
/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Notebook
--------------------------------------------------------------*/
@media only screen and (max-width: 1280px) {
  html {
    font-size: 95%;
  }
 #logo{left: 0px}
 
}


@media all and (min-width: 3000px) {
  .worldimg img {
    width: 10%;
}
.container {
    max-width: 960px;
}
#logo{left:980px}
.navbar .container-fluid{position: relative;right:750px}
#google_translate_element{position: absolute;right: 600px}
}


@media only screen and (max-width: 1380px) {
  html {
    font-size: 95%;
  }
 #logo{left: 0px}
}

@media screen and (max-width: 1199px) {
    .worldimg img{display: none}
    #masthead .cta{margin: 0 10px 5px 0;height: 130px;font-size: 15px;}
    .navbar-nav{flex-direction: row;display: flex !important;}
  /*.navbar-dark .dropdown-item {
    color: #fff;
  }
  .navbar-nav .dropdown-menu {
    background: transparent;
    box-shadow: none;
    border: none;
  }
  
  .worldimg img{display: none}
  .banertext{width: 100%}
  #masthead .cta{width: 100%;margin: 0 0 5px 0;height: 130px;font-size: 15px;}
  #logo{left: 50%;transform: translate(-50%, 0);top:-10px}
  #menu-header li{border: unset;height: unset}
  #menu-header li a{padding: unset !important}
  .navbar-light .navbar-brand{width: unset !important;z-index: 9}
  .headercontent h1{font-size: 35px}
  .headercontent span{font-size: 17px;}
  .banertext{font-size: 15px}
  #google_translate_element{position: absolute;right: 0;z-index: 9;}
  .navbar-toggler{position: absolute;left: 0;z-index: 9;display: block;top: 30px;}
  
  .nav-link{text-align: left}
  .col-sm-5{ms-flex:auto;flex: auto;max-width: 50%;}
  .wmap h3{text-align: center;font-size: 12px}
  .wmap h2{text-align: center;font-size: 14px}
  .sdgcontentinfo .sdinfo{padding-right: 55px}
  .circle .tcount{font-size: 30px}
  .ctext{font-size: 10px}
  .circle{margin-right: 20px}
  .col-sm-5 img{width: 100%;height: auto}
  .homehead{font-size: 15px}
  .un75 {width: 150px;left: 68%;top: 20px;}
  .un75 img {width: 100%;height: 80px;max-width: unset;}
  .bannerheight {height: 1400px;}*/
}
/*--------------------------------------------------------------
## Netbook
--------------------------------------------------------------*/
@media only screen and (max-width: 1024px) {
  html {
    font-size: 90%;
  }
  
  .worldimg img{display: none}
  .banertext{width: 100%}
  #masthead .cta{width: 100%;margin: 0 0 5px 0;height: 130px;font-size: 15px;}
  #logo{left: 50%;transform: translate(-50%, 0);top:-10px}
  #menu-header li{border: unset;height: unset}
  #menu-header li a{padding: unset !important}
  .navbar-light .navbar-brand{width: unset !important;z-index: 9}
  .headercontent h1{font-size: 35px}
  .headercontent span{font-size: 17px;}
  .banertext{font-size: 15px}
  #google_translate_element{position: absolute;right: 0;z-index: 9;}
  .navbar-toggler{position: absolute;left: 0;z-index: 9;display: block;top: 30px;}
  
  .nav-link{text-align: left}
 .col-sm-5{ms-flex:auto;flex: auto;max-width: 100%;}
 .wmap h3{text-align: center;font-size: 12px}
  .wmap h2{text-align: center;font-size: 14px}
  .sdgcontentinfo .sdinfo{padding-right: 55px}
  .circle .tcount{font-size: 30px}
  .ctext{font-size: 10px}
  .circle{margin-right: 20px}
  
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media screen and (min-width: 671px) and (max-width: 900px) {
  html {
    font-size: 85%;
  }
  .worldimg img{display: none}
  .banertext{width: 100%}
  #masthead .cta {width: 100%;margin: 0 0 5px 0;height: 130px;font-size: 15px; } 
  #logo{left: 50%;transform: translate(-50%, 0);top:-10px}
  #menu-header li{border: unset;height: unset}
  #menu-header li a{padding: unset !important}
  .navbar-light .navbar-brand{width: unset !important;z-index: 9}
  .headercontent h1{font-size: 35px}
  .headercontent span{font-size: 17px;}
  .banertext{font-size: 15px}
  #google_translate_element{position: absolute;right: 0;z-index: 9;}
  .navbar-toggler{position: absolute;left: 0;z-index: 9;display: block;top: 30px;}
 
  .nav-link{text-align: left}
  .sdgcontentinfo{padding:60px 20px 60px 20px;font-size: 20px}
  .sdgcontentinfo a{font-size: 25px}
  .aboutcat h1{font-size: 22px}
  .aboutcat{font-size: 12px}
  .votebegins .row{font-size: 13px !important}
  .carousel-item h1{font-size: 15px}
  .col-sm-5{ms-flex:auto;flex: auto;max-width: 100%;}
  .wmap h3{text-align: center;font-size: 12px}
  .wmap h2{text-align: center;font-size: 14px}
  .sdgcontentinfo .sdinfo{padding-right: 55px}
  .circle .tcount{font-size: 30px}
  .ctext{font-size: 10px}
  .circle{margin-right: 20px}
  .homepagecontent{font-size: 22px}
  .homehead{font-size: 18px}
  .homeheadcontect{font-size: 15px}
  .home-event-head {font-size: 12px;}
  .slideevename {font-size: 10px;}
  .carousel-item .small{font-size: 10px;}
  .sleft{width:50%;float: none;margin: 0 auto;}
  .scontent{height: 180px;overflow: hidden;}
  .flblock{padding:30px;display: table;}
  .jques{font-size: 20px;}
  .flogo{width: 100%;float: none;}
  .jpmed{font-size: 15px;}
  .htag{position: static;bottom: 0;top: 117px; right: 60px;}
  #google_translate_element{display: none;}
  .home-block3 img{width: 110px;padding: 10px}
  .user-registration{width:100%}
  .formobile{width: 80%;}
  .formobile img{width:50%}
  .owl-wrapper-outer{text-align: center;margin: 0 auto;}
  .scontent{width: 100%;font-size: 12px}
  .flblock{text-align: center}
  .flblock ul li{list-style: none}
  .sdgcontentinfo a {color: #1898d1;font-size: 21px;}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
  html {
    font-size: 80%;
  }
  .worldimg img{display: none}
  .banertext{width: 100%}
  #masthead .cta{width: 100%;margin: 0 0 5px 0;height: 130px;font-size: 15px;}
  #logo{left: 50%;transform: translate(-50%, 0);top:-10px}
  #menu-header li{border: unset;height: unset}
  #menu-header li a{padding: unset !important}
  .navbar-light .navbar-brand{width: unset !important;z-index: 9}
  .headercontent h1{font-size: 35px}
  .headercontent span{font-size: 17px;}
  .banertext{font-size: 15px}
  #google_translate_element{position: absolute;right: 0;z-index: 9;}
  .navbar-toggler{position: absolute;left: 0;z-index: 9;display: block;top: 30px;}
  .nav-link{text-align: left}
 .col-sm-5{ms-flex:auto;flex: auto;max-width:50%;}
 .wmap h3{text-align: center;font-size: 12px}
  .wmap h2{text-align: center;font-size: 14px}
  .sdgcontentinfo .sdinfo{padding-right: 55px}
  .circle .tcount{font-size: 30px}
  .ctext{font-size: 10px}
  .circle{margin-right: 20px}
  .homepagecontent{font-size: 22px}
  .homehead{font-size: 18px}
  .homeheadcontect{font-size: 15px}
  .un75{width: 150px;left: 68%;top: 20px;}
  .un75 img{width: unset;}
  .sdgcontentinfo a {color: #1898d1;font-size: 15px;}
}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  html {
    font-size: 75%;
  }
  .banertext{font-size: 12px}
   .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
  .col-sm-5{ms-flex:auto;flex: auto;max-width: 100%;}
  .wmap h3{text-align: center;font-size: 12px}
  .wmap h2{text-align: center;font-size: 14px}
  .sdgcontentinfo .sdinfo{padding-right: 25px}
  .circle .tcount{font-size: 20px}
  .ctext{font-size: 10px}
  .circle{margin-right: 10px}
  .homepagecontent{font-size: 22px}
  .homehead{font-size: 18px}
  .homeheadcontect{font-size: 15px}
  #google_translate_element{position: absolute;right: 0;z-index: 9;}
  
  .goog-te-gadget-simple .goog-te-menu-value { font-size: 10px;}
  .un75{width: 84px;left: 76%;top: 20px;}
  .un75 img{width: 100%;}
  #logo{width: 50%}
  .bannerheight {height: 1600px;}
  .sdgcontentinfo a {color: #1898d1;font-size: 10px;}
}


/* updates adu 04.20.21 */
#masthead,
#masthead .nav {
  width: 99.8% !important;
}

.registration-instructions {
  display: block;
  width: 65%;
  margin: 1em auto;
  padding-left: 20px;
}

.ur-recaptcha-node {
padding-top: 2em; 
}

.input-text,
.select {
  border: 1px solid #CCC !important; 
}

.ur-submit-button { margin-right: auto !important; }

.utype {
  left: 0;
  width: 35%;
  padding: 20px 0;
}

.flblock { 
  margin: 0;
  padding: 30px 0; 
}



/* Redesign ADU 4.21.21 */
#logo {
  height: 90px;
  top: 15px !important;
  left: 15px !important;
}

#masthead .navbar-nav > li > a {
  padding: .3rem;
}

.nav-link {
  font-size: 16px !important;;
}

H1 { font-weight; normal; }

.jpmed,
.homepagecontent { 
  color: #1e97d0;
  color: #333;
}

.allpages {
  /* background-image: url("/wp-content/themes/SDGA/asserts/images/homepage-background.jpg") !important; 
  background-color: #FFAB44; 
  background-color: #F16051; 
  background-color: #F9B44E; 
background-color: #a6f1a6; 
background-color: #FFF;*/
  height: auto;
}

.dashboard,
.single_projectpage {
  background-image: none !important; 
  background-color: #F3F3F3;
}

.page-id-10333 {
  background-color: #FFF !important; 
}

  .page-id-10333 .entry-content DIV {
    font-weight: normal !important;
  }

#masthead nav { 
  border-bottom: 1px solid #EEE;
}


.homeheadcontect,
#footer-widget { display: none; }

.sowl-carousel { background-color: #fff !important; }

FOOTER#colophon {
  margin-top: 4em;
  background-image: none !important;
  background-color: #F3F3F3;
}

.blogo img {
  width: auto !important;
  height: 175px !important;
  padding: 0 !important; 
}

#content.site-content {
  padding-top: 0; 
  padding-bottom: 0;
}

.owl-item {
  text-align: center;
}

.un75 {
  left: 230px;
  top: 20px;
}

  .un75 IMG {
    width: auto !important;
    margin-left: 0;
  }