.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}#dscf7_refresh_captcha {
display: inline-block;
}
.dscf7captcha input.wpcf7-form-control {
width: 200px;
}.stickynavbar {
background-color: #fff !important;
z-index: 9999999999999;
padding-top: 0 !important;
box-shadow: 0 0 8px grey;
}
.sticky {
position: fixed;
top: 0px;
width: 100%;
padding-bottom: 0 !important;
}
.nav_wrap {
clear:both;
background-color: transparent;
margin-bottom: 0em;
z-index: 99;
}
.home.page-template .sticky .nav_wrap {
padding-bottom: 0px;
}
.home #header
{
background-color:transparent;
}
#header .logo img{
max-height: 123px;
width: auto;
}
.menubar {
-webkit-transition: all 0.5s ease;
-moz-transition: position 10s;
-ms-transition: position 10s;
-o-transition: position 10s;
transition: all 0.5s ease;
}
.neseted-inner {
top: 0;
position: absolute;
}
.continnerbox {
background-size: 100% 100%;
color: #fff;
border-top: 40px solid #435061;
border-left: 60px solid transparent;
}
#footer .logo{
margin:0; 
text-align: center;
}
#header .logo{
text-align: left;
}
.sticky .logo
{
top: -63px !important;
}
#header .logo h1{ 
font-weight:700; 
padding:0; 
font-size:30px; 
font-weight:bold; 
margin-top: 0; 
}
.logo a.custom-logo-link{ 
color:#000000;
}
.logo h1 a {
color: #fff;
font-size: 19px;
letter-spacing: 1px;
font-weight: 400;
font-family: "Poppins";
}
.logo p{ 
color: #fff;
margin-bottom: 0;
font-size: 14px;
}
#header .top-contact{
padding:12px 0; 
font-size:15px;
}
.menubar .social-media{
padding:12px 0; 
text-align:center;
}
.scrolled {
position: fixed !important;
top: 0;
width: 100%;
z-index: 9999999;
background:#fff;
}
#masthead.scrolled {
background: #ccc;
}
#site-navigation {
width: 100%;
}
#header .search-icon
{
color: #ccc;
cursor: pointer;
font-size: 19px;
}
#header .search-form
{
position:absolute;
right: 0;
display: none;
}
#header .search-form input[type="search"]
{
background-color: #fff;
border-radius: 40px;
border:1px solid gray;
}
#header .fa-window-close
{
color:gray;
cursor: pointer;
font-size: 20px;
}
#header .search-form input[type="submit"]
{
background-color:#eb982a;
border-radius: 40px;
}
#header a.header_btn {
color: #ffffff;
font-weight: 600;
font-family: "Poppins";
font-size: 14px;
letter-spacing: 0px;
text-align: center;
padding: 12px 22px;
display: inline-block;
background-color: #eb972a;
border-radius: 5px;
}
#header .header_icon {
width: 46px;
height: 46px;
font-size: 19px;
font-weight: 900;
background: #eee;
border-radius: 50%;
text-align: center;
padding-top: 9px;
cursor: pointer;
margin: 15px;
}
#header .donate_button{
text-align: right;
}
.topbar-phone{
text-align: right;
} #topbar {
background: #254751;
}
.topbar-phone {
text-align: right;
}
.topbar-email{
text-align: right;
}
.topbar_section span
{
font-size: 14px;
letter-spacing: 0px;
color: #fff;
font-weight: 300;
}
.topbar_section .socialbox
{
text-align: left;
}
.topbar_section .socialbox i
{
color: #fff;
padding-right: 14px;
font-size: 18px;
}
.topbar-phone i {
transform: rotate(100deg);
font-size: 20px;
margin-right: 5px;
}
.topbar-email i{
font-size: 20px;
margin-right: 8px;
} .popup-box-on {
display: block !important;
}
.off {
display: none;
}
#search.open {
opacity: 1;
transform: translate(0px, 0px) scale(1, 1);
}
#search {
background-color: #fff;
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: all 0.5s ease-in-out 0s;
width: 100%;
z-index: 2000;
}
#search .close {
color: #be5254;
font-size: 40px;
opacity: 1;
padding: 10px 17px;
position: fixed;
right: 15px;
top: 15px;
}
button.close {
background: transparent none repeat scroll 0 0;
border: 0 none;
cursor: pointer;
}
.close {
float: right;
font-weight: bold;
line-height: 1;
text-shadow: 0 1px 0 #fff;
}
input#term {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
color: #333;
font-family: "Poppins";
font-size: 50px;
font-weight: 300;
margin: -51px auto 0;
outline: medium none;
padding-left: 30px;
padding-right: 30px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
border: 1px solid #111;
}
#search .btn {
left: 50%;
margin-top: 60px;
padding: 10px 50px;
position: absolute;
top: 50%;
transform: translateX(-50%);
}
.btn-lg , .btn-group-lg > .btn {
border-radius: 153px !important;
font-size: 29px;
}
.btn-site {
background: #be5254 none repeat scroll 0 0;
color: #fff !important;
} @keyframes smoothScroll {
0% {
transform: translateY(-40px);
}
100% {
transform: translateY(0px);
}
}
ul.list_nav {
margin: 0 auto;
text-align: center;
display: block;
text-align: right;
}
.main-navigation ul{
list-style: none;
margin: 0;
text-align: right;
}
.main-navigation li{
position: relative;
padding:25px 9px;
display: inline-block;
}
.main-navigation li:last-child{
border-right: none;
}
.main-navigation a{
display: block;
text-decoration: none;
text-transform: none;
padding: 0;
font-size: 18px;
letter-spacing: 0px;
color: #000;
}
.main-navigation a:hover{
color: #eb982a;
}
.main-navigation ul ul{
display: none;
position: absolute;
left: 0;
top: 100% ;
background: #F6F6F6;
min-width: 215px;
z-index: 9999;
}
.main-navigation ul ul ul{
left: 100%;
top: 0;
}
.main-navigation ul ul a{
text-transform: none;
font-weight: 400;
color: #1e1d1c;
font-size: 14px;
line-height: 1.5;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
float: none;
display: block;
text-align: left;
border-bottom: 1px solid #cccccc;
}
.main-navigation ul ul li:last-child{
border-bottom: 0;
}
.main-navigation ul li:hover > ul{
display: block;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a{
color: #eb982a;
}
.main-navigation .menu > ul > li.highlight{
background-color: #ffffff;
}
.main-navigation .menu > ul > li.highlight:hover{
background: transparent;
}
.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
height: 2px;
}
.menu > ul > li.exoplanet-search:after{
background: transparent !important;
}
.main-navigation ul ul li:hover > a{
color: #eb982a;
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
margin: 0 0 15px;
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: auto;
}
.top_bar_btn a.theme_button {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.header-social-icon
{
padding-top: 15px;
}
.header-social-icon .socialbox i
{
color: #b2b2b2;
font-size: 13px;
padding-right:15px;
} .home #footer_box
{
padding: 90px 0 0 0;
}
.footer-cols {
padding-top: 40px;
padding-bottom: 20px;
}
#footer
{
background-color: #111111;
background-repeat: no-repeat;
background-size: cover;
}
.outer-footer {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
}
.footer-social .socialbox a {
border-right: none;
}
.footer-social .socialbox a i {
color: #ffffff;
}
.footer-top {
padding-bottom: 50px;
}
.footer-top-col h3 {
font-size: 20px;
font-weight: bold;
}
.outer-footer {
background-size: 100% 100%;
}
#footer form.search-form{
border: none;
background: transparent;
padding: 0;
}
#footer form.search-form input{
float: none;
border: 1px solid #fff;
margin: 8px 0px;
}
#footer textarea{
height: 100px;
}
#footer p.post-date {
color: #ffffff;
font-size: 11px !important;
}
.copyright .copy-text p {
font-size: 16px;
letter-spacing: 1px;
color: #ffffff;
font-family: "Poppins";
font-weight: 500;
padding: 20px 0;
margin-bottom: 0;
}
.main_sociobox {
padding: 20px 0;
}
#footer{ 
color:#fff;
text-align:left;
}
.footer_hide{
display:none;
}
#footer h3 {
font-size: 24px;
letter-spacing: 0px;
color: #f7f7f7;
font-family: "Poppins";
font-weight: 700;
padding:10px 0 17px 0;
}
#footer .copyright p{
font-size:14px;
text-align:center;
color:#ffffff;
}
#footer .copyright a {
color: #eb982a;
cursor: pointer;
}
#footer ul li{
list-style:none;
margin:0 0 5px 0;
text-align:left;
padding: 5px;
}
#footer ul li a{
font-size: 15px;
letter-spacing: 0px;
color: #fff;
font-family: "Poppins";
font-weight: 500;
}
#footer #gallery-1 .gallery-item {
width: 30%;
margin: 4px;
}
.widget_recent_entries img {
width: 100px;
}
.copyright{
text-align: center;
}
.copy-text {
border-top: 1px solid #757070;
}
#footer .textwidget input[type="email"]
{
border-radius: 40px;
border:2px solid #9b9b9b;
}
#footer .textwidget input[type="submit"]
{
background-color: transparent;
border-radius: 40px;
padding: 10px 20px;
border:2px solid #9b9b9b;
display: inline-block;
margin-top: 10px;
color: #9b9b9b;
font-family: "Poppins"; 
}
#footer i {
color: #eb982a;
margin-right: 17px;
font-size: 19px;
margin-bottom: 14px;
}
#footer .widget td 
{
padding-top: 0px !important;
}
#footer #site-navigation ul li a
{
font-size: 15px;
letter-spacing: 1px;
color: #919191;
font-family: "Poppins";
font-weight: 500;
}
#footer #site-navigation ul li
{
margin-right: 20px;
}
#footer #site-navigation
{
text-align: center;
border-bottom: 1px solid #292929;
margin-bottom: 20px;
padding-bottom: 20px;
padding-top: 65px;
}
#footer .main-navigation li.current_page_item
{
background-color: transparent;
}
#footer .footer-logo-box
{
margin: 0 auto;
display: block;
position:absolute;
top: -154px;
left: 0;
right: 0;
background-color: #111111;
padding: 20px 15px;
max-width:180px;
max-height: 180px;
border-radius: 50%;
} table {
border-collapse: collapse;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 1.75em;
table-layout: fixed;
width: 100%;
}
.widget.widget_calendar table {
margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
border: 1px solid #fff;
color: #000000;
}
#footer .widget.widget_calendar td, #footer .widget.widget_calendar tr, #footer .widget.widget_calendar th {
color: #ffffff;
padding: 2px;
}
.widget_calendar td,
.widget_calendar th {
line-height: 1.5625;
padding: 0;
text-align: center;
}
.widget_calendar caption {
font-weight: 900;
margin-bottom: 0em;
color: #fff;
padding-left: 15px;
caption-side: top;
}
.widget_calendar tbody a {
background-color: #bbb;
color: #fff;
display: block;
font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
background-color: #686868;
color: #fff;
}
.widget th,
.widget td {
padding: 0.5384615385em;
} #return-to-top {
position: fixed;
bottom: 10px;
right: 20px;
background:#eb982a;
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 99;
}
#return-to-top i {
color: #fff;
position: relative;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
padding: 3px 18px;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}*{
margin:0; 
padding:0; 
outline:none;
}
html body{
margin:0; 
padding:0; 
-ms-word-wrap:break-word; 
word-wrap:break-word; 
background-color:#fff; 
position:relative; 
font-size: 15px;
color: #6c6c6c;
font-family: 'Poppins';
font-weight: 300;
}
label {
margin-bottom: 0 !important;
}
img{
margin:0; 
padding:0; 
border:none; 
max-width:100%; 
height:auto;  
}
section img{
max-width:100%;
}
h1,
h2,
h3,
h4,
h5,
h6{ 
margin:0;
padding:10px 0;
letter-spacing: 1px;
font-family: 'Poppins';
color:#000000;
}
p{
margin:0 0 15px; 
padding:0;
font-size:15px;
font-weight:300;
}
p, ul li a{
letter-spacing: 0px;
}
body a{
text-decoration:none; 
color:#eb982a;
}
a:hover{
text-decoration:none; 
color:#666;
}
a:focus,a:hover{
text-decoration:none !important;
}
ul,ol{ 
margin:0 0 0 15px; 
padding:0;
}
ul li, ol li{font-size: 14px;}
:hover{-webkit-transition-duration: 1s;
-moz-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
}
blockquote {
font-size: 18px;
font-style: italic;
max-width: 450px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}
blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: 0px;
top: -10px;
color: #7a7a7a;
}
blockquote:after {
display: block;
content: "\201D";
font-size: 80px;
position: absolute;
right: 0px;
bottom: -10px;
color: #7a7a7a;
}
blockquote cite {
color: #999999;
font-size: 14px;
display: block;
margin-top: 5px;
}
blockquote cite:before {
content: "\2014 \2009";
}
small{
font-size:14px !important;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="phno"],input[type="password"],
textarea{
border:1px solid #424648;
font-size:16px;
padding:10px 10px; 
margin:0 0 0px 0;
height:auto;
width: 100%;
background: transparent;
}
section{
background-size: cover;
background-repeat: no-repeat;
padding: 60px 0;
background-attachment: fixed;
}
select{
width: 100%;
padding: 6px;
}
input[type="submit"] {
padding: 10px 20px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
border: none;
background-color: #eb982a;
}
input[type="submit"]:hover{
cursor: pointer;
}
textarea {
height: 80px;
}
.screen-reader-text {
position: absolute;
top:-9999em;
left:-9999em;
}
.alignleft,
img.alignleft{
display: inline; 
float: left; 
margin-right:20px; 
margin-top:4px; 
margin-bottom:10px; 
padding:0;
padding:5px;
}
.alignright, img.alignright { 
display: inline; 
float: right; 
padding:5px; 
margin-bottom:10px;
margin-left:25px;
padding:5px;
}
.aligncenter, img.aligncenter { 
clear: both; 
display: block; 
margin-left: auto; 
margin-right: auto; 
margin-top:0;
padding:5px; 
}
.comment-list .comment-content ul { 
list-style:none; 
margin-left:15px;
}
.comment-list .comment-content ul li{
margin:5px;
}
.toggleMenu{
display:none;
}
table, td, th {
border: 1px solid black;
} .post-section {
padding: 20px 0;
}
.postwrapper-box {
border: 2px solid #eeeeee;
}
.cat-box {
background: url(//www.esp-errance.org/wp-content/themes/ngo-non-profit-pro/assets/css/images/cat-icon.png) no-repeat 1px 3px;
padding: 0 0 0 25px;
font-style: italic;
font-weight: bold;
margin: 15px 0 30px 0;
}
.date-box {
background: url(//www.esp-errance.org/wp-content/themes/ngo-non-profit-pro/assets/css/images/date.png) no-repeat 1px 3px;
padding: 0 0 0 25px;
font-style: italic;
font-weight: bold;
margin: 0 0 15px 0;
} #single_post .postbox .postbox-content {
position: static;
padding: 15px 0;
}
#single_post .date-box {
padding: 20px 10px;
position: absolute;
top: 32%;
background-color: #eb982a;
color: #ffffff;
margin-left: 15px;
}
#single_post .date-box-inner {
padding: 8px;
border: solid 2px #ffffff;
}
.posttitle a
{
font-size: 20px;
letter-spacing: 1px;
color: #1f1e1e;
font-family: "Poppins";
}
.page-header h1
{
color: #1f1e1e;
font-family: "Poppins";
}
.entry-title
{
color: #1f1e1e;
font-family: "Poppins";
}
.single-post-content table td
{
text-align: center;
}
.single-post-content .wp-audio-shortcode
{
margin-bottom: 50px;
} .contact-page-details
{
padding-bottom: 30px;
}
h3.contact-page {
margin-left: 3%;
font-weight: bold;
color: #18304c;
border-bottom: solid 4px #d3da36;
display: table;
margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
background-color:transparent;
border-color: #ccc;
color: #2f3357;
border-radius: 0px;
box-shadow: none;
border:2px solid #cccccc;
background-color: transparent;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
font-size: 16px;
padding: 10px 10px;
margin: 0 12px 46px 0;
height: auto;
border:2px solid #cccccc;
background-color: transparent;
}
.contact-box .wpcf7 input[type="text"]::placeholder
{
font-family: "Poppins";
}
.contact-box .wpcf7 input[type="email"]::placeholder
{
font-family: "Poppins";
}
.contact-box .wpcf7 textarea::placeholder
{
font-family: "Poppins";
}
.contact-box .contac_form input[type="submit"]
{
border-radius: 40px;
font-family: "Poppins";
padding: 12px 20px;
margin-top: 20px;
}
section#contact-box{
padding:0;
margin:0;
}
.contact-info {
font-size: 14px;
line-height: 26px;
padding: 20px;
width: 100%;
}
.contac_form h3 {
text-align: center;
}
.contact-info .head{
color:#000;
}
.contact-address, .contact-email, .contact-phone {
margin: 7px 0;
}
.c_content span {
font-size: 18px;
}
.c_content p{
font-size: 16px;
}
.contac_form .fancy-title {
width: 250px;
margin: 0 auto;
}
.contac_form label{
width: 100%;
}
.c_content {
color: #ffffff;
}
.contact-page-details .contact-address
{
text-align:center;
border:2px solid #cccccc;
padding: 11px;
}
.contact-page-details .contact-email
{
text-align:center;
border:2px solid #cccccc;
padding: 11px;
}
.contact-page-details .contact-phone
{
text-align:center;
border:2px solid #cccccc;
padding: 11px;
}
.contact-page-details span
{
font-size: 18px;
font-weight: 600;
color: #343434;
padding-bottom: 15px;
color: #1f1e1e;
font-family: "Poppins";
}
.contact-page-details .inner-cont i
{
font-size: 35px;
color:#343434;
padding: 14px 0;
}
.contact-page-details .inner-cont p
{
font-family: Poppins,sans-serif;
color: #343434;
font-size: 14px;
font-weight: 400;
line-height: 28px;
}
.contact-color-bg h3
{
font-size: 36px;
color: #1f1e1e;
font-family: "Poppins";
font-weight: bold;
padding-bottom: 30px;
}
.contact-color-bg
{
text-align: center;
}
.contact-color-bg form textarea
{
margin-right: 10px;
}
.contact-box .google-map
{
padding-top: 30px !important;
margin-bottom: 30px !important;
} .inner_banner img, .title-box img {
width: 100%;
}
.main_title {
margin-top: 20px;
}
.main_title h1{
padding-top: 20px;
margin-bottom: 22px;
font-size: 36px;
color: #2d3b3e;
font-family: "Poppins";
font-weight: bold;
} .social_widget a {
color: #ffffff;
padding: 7px 7px;
margin-right: 7px;
display: inline-block;
margin-bottom: 5px;
border-radius: 50%;
}
.social_widget a i {
font-size: 13px;
letter-spacing: 3px;
width: 20px;
text-align: center;
}
.social_widget a:hover{
background: #eb982a;
border: 1px solid #eb982a;
} .postbox-content .post-text
{
font-size: 18px;
color: #8fa3aa;
font-family: "Source Sans Pro";
line-height: 28px;
}
.postbox h3{
font-weight:normal;
font-size:35px;
text-align: center;
}
.blogimg-full img{
width: 100%;
}
.read-more-icon{
text-align: center;
margin: -55px 0 0 0;
z-index: 999;
}
.read-more-icon a:hover{
opacity: 0.9;
}
.continue-read a {
color: rgba(19, 10, 138, 0.6);
font-weight: bold;
text-align: center;
margin: 0 auto;
border: solid 1px #bbb;
padding: 10px 20px 10px 20px;
border-radius: 6px; 
display: block; 
background: #fff;
}
.continue-read a:hover{
background: #18304c;
color:#fff;
}
.continue-read {
margin: -22px auto 0 auto;
display: table;
}
.metabox img {
border-radius: 50%;
margin-left: 30%;
}
.postbox {
margin-bottom: 39px;
border: none;
border-radius: 6px;
}
.postbox h2{
margin:0 0 5px; 
font-weight:bold;
}
a.post-readmore {
font-size: 18px;
border-bottom: 1px solid;
}
a.post-readmore i {
margin-left: 8px !important;
font-size: 18px;
border-bottom: 1px solid #ffffff;
padding-bottom: 2px;
}
.widget_recent_entries li {
padding: 10px 0;
}
.postbox  a.blogbutton {
background:none;
color:#fff;
font-size:12px; 
font-weight:bold; 
color:#fff; 
padding:6px 25px;
border:1px solid #000; 
color:#000; 
font-size:18px;
text-transform:uppercase;
margin:25px 0 0 0;
display:table;
}
.blogbutton-small{
background:none;
font-size:12px; 
font-weight:bold; 
padding:6px 25px;
border:1px solid #000; 
color:#000; 
font-size:14px;
text-transform:uppercase;
margin:14px 0 0 0;
display:table;
}
.metabox {
color: #000;
padding: 5px 0;
clear: both;
margin: 10px 0;
}
.metabox .entry-date{
margin:0 13px 0 0;
}
.metabox .entry-author{
padding: 0 0 0 20px;
margin:0 20px 0 0;
}
.metabox .entry-author a
{
color: #000;
}
.metabox .entry-comments{
padding: 0 0 0 20px;
}
.logged-in-as a
{
color: #000;
}
#comment-nav-above .nav-links {
width: 100%;
float: left;
margin-bottom: 17px;
}
#sidebar span.comment-author-link {
margin-left: 14px;
}
.post-featured img {
width: 100%;
} a.page-numbers, span.page-numbers.current {
padding: 10px !important;
background-color: #eb982a;
color: #ffffff !important;
border: 1px solid #eb982a;
}
.navigation span.page-numbers.current{
background-color: #ffffff;
border: 1px solid #eb982a;
color: #000000 !important;
}
#blog{
padding-top:0;
margin-top:0;
}
.blog-post h5{
text-transform:uppercase;
color: #000;
}
.blog-icon i {
font-size: 20px;
background: #bbb;
border-radius: 50%;
padding: 10px 14px 12px 15px;
color: #fff;
margin-right: 1%;
}
.blog-icon i:hover {
background: #d3da36;
color: #fff;
}
.blog-icon i.fa-google-plus {
padding: 12px 10px 12px 11px
}
aside#search-3 {
padding: 0 !important;
}
.feature-image-box img{
width:100%;
}
.feature-image-box img a:hover{
opacity:0.8;
}
.post-singlepage {
border: solid 1px #bbb;
box-shadow: 0 0 1px #bbb;
}
.bradcrumbs{
padding:30px 0;
}
.bradcrumbs a{
background:#f1f1f1; 
color:#000;
padding:5px 15px;
margin-right:5px;
}
.bradcrumbs span{
background:#dddddd; 
color:#000;
padding:5px 15px;
} #comments{
float: left;
width: 100%;
margin-top: 10px;
}
#comments h2.comments-title{
font-size:20px; 
font-weight:bold;
}
#comments h3.comment-reply-title{
font-size:20px; 
font-weight:bold;
clear:both;
}
#comments input[type="text"],
#comments input[type="email"],
#comments textarea{
padding:12px 10px; 
font-size:18px;
}
#comments input[type="submit"].submit {
padding: 10px 20px;
text-transform: uppercase;
font-weight: bold;
margin-top: 20px;
color: #ffffff;
text-transform: uppercase;
border-top: none;
}
#comments a time{
color:#000;
font-weight:bold;
font-size:12px;
}
#comments .reply{
text-align:right;
}
#comments .comment-metadata{
width:90%;
float:left;
padding:1% 0 0 0;
}
#comments .comment-content{
width:90%;
text-align:left;
margin-left:7%;
}
#comments .comment-author{  
margin-bottom: 1em;
}
#comments h2#reply-title {
display: inline-table;
font-family: "Poppins";
}
#comments .comment-author.vcard img {
padding: 2px;
}  #sidebar td#prev a {
color: #6c6c6c;
}
#sidebar caption {
font-weight: bold;
color: #6c6c6c;
font-size: 20px;
}
#sidebar table,#sidebar th,#sidebar td {
border: 1px solid #e1e1e1;
text-align: center;
}
#sidebar td {
padding: 7px;
color: #6c6c6c;
}
#sidebar th {
text-align: center;
padding: 5px;
color: #6c6c6c;
}
#sidebar select {
padding: 10px 5px;
border: solid 1px #e1e1e1;
color: #6c6c6c;
background: transparent;
}
#sidebar form{
text-align: center;
}
#sidebar h3 {
font-size: 24px;
color: #343434;
font-weight: 600;
padding-bottom: 15px;
margin-bottom: 11px;
text-align: center;
border-bottom: 1px solid #e7e7e7;
font-family: "Poppins";
}
#sidebar input[type="search"] {
padding:10px 10px;
font-size:15px;
margin-bottom: 10px;
color:#6c6c6c;
border: solid 1px #e1e1e1;
width: 100%;
}
#sidebar label{
margin-bottom: 0;
width: 100%;
}
#sidebar input[type="submit"]{
background-color :#eb982a;
color:#fff;
padding:10px 0;
font-size:12px;
width: 100%;
letter-spacing: 2px;
font-weight: bold;
}
#sidebar .widget {
padding: 20px;
border: 1px solid #eb982a;
margin-bottom: 50px;
}
#sidebar ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 17px;
}
#sidebar ul li{
font-weight: 600;
color: #343434;
font-family: Poppins,sans-serif;
font-size: 15px;
border-bottom: 1px solid #e1e1e1;
padding: 10px 0;
}
#sidebar ul li:last-child
{ 
border:none;
}
#sidebar ul li a {
font-weight: 600;
color: #343434;
font-family: Poppins,sans-serif;
font-size: 15px;
}
#sidebar .tagcloud a{
border: solid 1px #e1e1e1;
color:#6c6c6c;
font-size:15px !important;
padding:5px 18px;
margin:0 0 5px;
display:inline-block;
}
#sidebar .tagcloud a:hover{
background:#ec1d23;
color: #fff;
}
span.credit_link a {
color: #ffffff;
}
.single-post-content p
{
font-size: 18px;
color: #8fa3aa;
font-family: "Source Sans Pro";
line-height: 28px;
} .title-box{
color:#fff;
text-transform:uppercase;  
font-weight:bold;
text-align:center;
margin-bottom:25px;
}
.title-box img{
width:100%;
}
.title-box h1 {
font-weight: bold;
text-shadow: 0 2px 2px rgba(255, 255, 255, 0.58);
}
.above_title {
position: absolute;
right: 0;
left: 0;
margin-top: 10%;
}
.read-moresec{
margin:2% 0;
}
.middle-content {
padding-bottom: 20px;
} .navigation {
font-size:14px; 
font-weight:bold;
margin: 10px 0;
}
.navigation a {
padding: 0;
}
.navigation span, .navigation a {
display: block;
float: left;
padding: 10px 15px 0 15;
margin-bottom: 10px;
margin-right: 10px;
color: #5b5b5b;
-webkit-transition: background .15s ease-in-out;
-moz-transition: background .15s ease-in-out;
-ms-transition: background .15s ease-in-out;
-o-transition: background .15s ease-in-out;
transition: background .15s ease-in-out;
font-weight: normal;
}
.navigation span.meta-nav {
font-weight: bold;
}
.navigation .current{
background: #333333; 
color:#ffffff;
font-weight:normal;
} .category-page h4{
text-align: left !important;
}
ul.post-categories {
list-style: none;
margin: 0;
}
ul.post-categories a {
color: #333333;
} .post_ctg span {
float: left;
margin-right: 7px;
}
.share_icon i {
padding: 10px 10px 10px 8px;
margin: 0 0;
color: #ffffff;
background-color: #333333;
width: 36px;
margin: 0 4px;
text-align: center;
}
.share_icon i.fab.fa-facebook-f{
background-color: #3c5a99;
}
.share_icon i.fab.fa-linkedin-in{
background-color: #007bb5;
}
.share_icon i.fab.fa-google-plus-g{
background-color: #da4835;
}
.share_icon i.fab.fa-twitter{
background-color: #55acee;
} .outer_dpage table
{
text-align: center;
}
.outer_dpage table th
{
text-align: center;
}.sf-arrows .sf-with-ul{
padding-right: 15px;
}
.sf-arrows .sf-with-ul:after{
content: '';
position: absolute;
top: 50%;
right: 0;
margin-top: -2px;
height: 0;
width: 0;
border: 5px solid transparent;
border-top-color: #eb982a;
}
.sf-arrows ul .sf-with-ul:after{
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #888;
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color: #333;
}
.toggle-nav, a.closebtn{
display: none;
}
.main-navigation ul ul li{
padding: 10px;
} @media screen and (max-width:575px) {
.topbar_section .socialbox
{
text-align: center;
}
.topbar_section .topbar-phone
{
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}
#header .logo{
text-align: center;
margin: 15px 0px ;
}
.topbar-content .topbar-email
{
padding-bottom: 15px;
text-align: center;
}
.header-search{
text-align: right;
}
#slider .boxx {
position: unset;
}
#slider h2 {
font-size: 20px !important;
}
#slider p
{
display: none;
}
.slider_bottom_box h5 {
font-size: 22px;
}
.slider_bottom_box{
text-align: center;
}
#about-us {
text-align: center;
}
#about-us h4 {
text-align: center;
}
#about-us a {
margin-top: 0;
margin-bottom: 20px;
}
#activities {
text-align: center;
background: unset;
}
#activities h4 {
margin-top: 20px;
color: #fff;
text-align: center;
}
#activities h3 {
font-size: 40px;
padding: 0;
}
#activities .activities-head p {
color: #fff;
}
#activities .activities-head a {
margin-top: 0;
}
#testimonial .pic {
position: unset;
}
#testimonial .content_bg {
text-align: center;
margin-top: 20px;
}
section#events {
text-align: center;
}
.testimonial .description:before {
display: none;
}
#testimonial .testimonial-content {
padding: 10px 10px;
}
#urgent_causes .urgent_causes_head p {
display: none;
}
#cause_list .cause_list_head p {
display: none;
}
#cause_list .cause_list_content {
margin-bottom: 20px;
text-align: center;
}
#join_us .join_us_form input[type="text"], #join_us .join_us_form input[type="email"], #join_us .join_us_form input[type="number"], #join_us .join_us_form input[type="address"] ,#join_us .join_us_form textarea {
width: 100%;
}
#join_us .join_us_form {
width: unset;
}
#gallery button.owl-next {
right: 89px;
}
#gallery button.owl-prev {
left: 79px;
}
#gallery .gallery_btn {
margin-bottom: 20px;
}
#newsletter h3 {
font-size: 14px;
}
#newsletter a {
font-size: 14px;
padding: 5px;
}
#newsletter h4 {
font-size: 16px;
}
#newsletter .newsletter-content {
padding: 0;
position: unset;
}
#footer_box {
padding: 40px 0 0 0;
}
#footer h3 {
text-align: center;
}
#footer {
text-align: center;
}
#footer ul li {
text-align: center;
}
#newsletter .newsletter-content input[type="email"] {
max-width: 90%;
text-align: center;
margin: 0px 10px;
}
#newsletter .newsletter-content input[type="submit"] {
font-size: 14px;
display: block;
margin: 10px auto;
text-align: center;
}
.nav-tabs {
text-align: left;
}
li.nav-item h4 {
font-size: 14px;
font-weight: normal;
}
section{
padding: 20px 0;
}
blockquote{
width: 100%;
}
.media-small {
padding-left: 10px !important;
}
section h2{
font-size: 22px;
}
.above_title {
margin-top: 2%;
}
.menubar {
padding: 0 15px;
}
.serach_inner input.search-field {
width: 85%;
}
.home.page-template .site-header
{
position: unset;  
padding-top: 15px;
}
.sticky
{
position: unset !important;
}
.header-nav
{
padding-top: 0;
} 
#header .search-form label
{
width: 53%;
}
input.search-field
{
width: 97%;
}
#header {
padding-bottom: 20px;
}
.header-nav .menubar
{
background-color: transparent;
}
.logo h1 a
{
font-size: 23px;
}
#header .logo
{
position: unset;
}
#footer #site-navigation
{
padding-top: 40px;
}
.post-navigation .nav-previous
{
width: 100%;
}
.post-navigation .nav-next 
{
width: 100%;
}
}
@media screen and (min-width: 576px) and (max-width:767px){
#header .logo {
position: unset;
}
.bg-media {
padding: 10px 0px;
}
.topbar_section .socialbox {
text-align: center;
padding-bottom: 15px;
}
.topbar-content {
text-align: center;
}
.sticky
{
position: unset !important;
}
#slider .box {
position: unset;
}
#slider .slider-box h2 {
font-size: 40px;
}
#slider .slider-box p {
display: none;
}
.slider_bottom_box {
text-align: center;
}
.slider_bottom_box h5 {
font-size: 22px;
}
#about-us , #about-us h4{
text-align: center;
}
#about-us a {
margin-top: 0;
margin-bottom: 20px;
}
#activities {
background-image: none!important;
text-align: center;
}
#activities h4 {
margin-top: 20px;
color: #111;
text-align: center;
}
#activities h3 {
font-size: 40px;
padding: 0;
}
#activities .activities-head p {
color: #111;
}
#activities .activities-head a {
margin-top: 0;
}
#testimonial .pic {
position: unset;
}
#testimonial .content_bg {
margin-top: 25px;
}
#testimonial .testimonial-content {
padding: 10px 10px;
}
#urgent_causes .urgent_causes_head p {
display: none;
}
#cause_list .cause_list_head p {
width: unset;
}
#cause_list .cause_media {
margin-top: 20px;
}
#gallery button.owl-next {
right: 177px;
}
#gallery button.owl-prev {
left: 179px;
}
#gallery .gallery_btn {
margin-bottom: 20px;
margin-top: 16%;
}
#newsletter h3 {
font-size: 22px;
}
#newsletter .newsletter-content {
padding: 0;
}
#newsletter .newsletter-content input[type="email"] {
max-width: 66%;
}
#newsletter .newsletter-content input[type="submit"] {
font-size: 14px;
}
#newsletter .newsletter_form {
text-align: center;
}
.postbox h3{
line-height: 22px;
}
.meta_post span {
font-size: 12px;
}
.postbox .postbox-content{
padding: 5px 15px;
}
.header-title{
padding: 30px 0;
}
.main-title{
font-size: 30px;
}
.main-navigation li,
#masthead.scrolled .main-navigation li{
display: block;
line-height: 1.5 !important;
}
.sf-arrows .sf-with-ul{
padding-right: 0;
}
.menu > ul > li > a{
padding: 10px 0;
}
.main-navigation ul ul{
position: static;
width: 100%;
box-shadow: none;
}
.innermenubox {
position: static;
}
.contact-box .wpcf7 input[type="text"],
.contact-box .wpcf7 input[type="email"],
.contact-box .wpcf7 textarea{
width: 100% !important;
}
.slider-box
{
max-width: 83%;
}
.logo h1 a
{
font-size: 23px;
}
.post-navigation .nav-previous
{
width: 100%;
}
.post-navigation .nav-next 
{
width: 100%;
}
#header .logo img
{
max-height: 100px;
}
}
@media screen and (max-width: 600px){
#wpadminbar {
position: fixed;
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
.slider-box
{
max-width: 90%;
}
.slider_bottom_box h5 {
font-size: 20px;
}  
.bg-media{
padding: 10px 0px;
}
#header .logo
{
max-width: 132px;
max-height: 132px;
}
#about-us a {
margin-top: 0;
margin-bottom: 20px;
}
#activities h3 {
font-size: 36px;
}
#gallery .gallery-content {
font-size: 15px;
}
#gallery button.owl-next {
right: 49px;
top: 103%;
}
#gallery button.owl-prev {
left: 35px;
top: 103%;
}
#gallery .gallery_btn {
margin-top: 26%;
}
#testimonial .pic {
left: 29px;
}
}
@media screen and (max-width: 1024px) and (min-width:991px){
.postbox{ 
margin-bottom: 20px; 
}
.logo h1 a
{
font-size: 18px;
}
.widget th, .widget td
{
padding: 0;
}
.col-lg-3.col-md-4.col-sm-5.col-7.topbar-phone {
padding: 0;
}
.sticky .main-header-box {
margin-top: 63px;
}
}
@media screen and (max-width: 991px){
.main-navigation ul ul{
background-color: transparent;
}
.main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
border-bottom: none;
}
.site-description{
font-size: 12px !important;
}
.toggle-nav {
display: block;
position: relative;
float: right;
right: 15px;
height: 30px;
width: 30px;
cursor: pointer;
margin: 0 auto;
z-index: 999999;
right: 0;
text-align: right;
right: 0;
margin-right: 0;
}
.toggle-nav i {
font-size: 29px;
color: #1f1e1e;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9999999;
top: 0;
right: 0;
background-color: #111;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
color: #818181;
display: block;
transition: 0.3s;
}
.sidenav a:hover {
color: #f1f1f1;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
display: block;
color: #ffffff;
}
.sidenav #site-navigation {
width: 100%;
}
.toggle-nav span {
cursor:pointer; 
text-align: right;
}
iframe {
width: 100%;
height: auto;
}
.innermenubox {
position: static;
padding-bottom: 10px;
}
.main-navigation .menu{
float: none;
text-align: center;
}
.main-navigation ul ul li,
#masthead.scrolled .main-navigation ul ul li{
display: block;
}
.main-navigation .menu > ul > li.highlight{
background: transparent !important;
}
.menu > ul > li:hover:before, 
.menu > ul > li.current_page_item:before, 
.menu > ul > li.current-menu-item:before{
display: none;
}
.sf-arrows .sf-with-ul:after{
border-top-color: #333;
}
.toggle i.fa.fa-bars,.toggle i.fa.fa-times {
float: right;
color: black;
}
.menubar .nav ul{ 
width:100%;
margin-top:0; 
}
.menubar .nav ul li,
.menubar.scrolled .main-navigation li{
border-top:1px #303030 solid; 
display:block;
text-align:left;
float:none;
width: 18rem;
padding: 5px;
}
.nav ul li a{
padding:5px 10px; 
display:block; 
color:#ffffff;
}
.nav ul li a:hover{
color:#ff8a00;
}
.nav ul li ul,
.nav ul li ul ul{ 
display:block !important;
}
.nav ul li ul li a:before{
content:"\00BB \00a0";
}
.nav ul li ul li a{
padding-left:20px !important;
}
.nav ul li ul li ul li a{
padding-left:30px !important;
}
.main-navigation ul ul{
position: static;
width: 100%;
box-shadow: none;
}
.top_bar_btn{
padding:0;
}
.main-navigation li.current_page_item
{
border:none;
}
}
@media screen and (max-width: 1200px) and (min-width: 1025px) { 
.logo h1 a
{
font-size: 18px;
}
.col-lg-3.col-md-4.col-sm-5.col-7.topbar-phone {
padding: 0;
}
.widget th, .widget td
{
padding: 0;
}
.sticky .header-search
{
padding: 12px 5px !important;
}
#gallery button.owl-next {
right: 80px;
}
#gallery button.owl-prev {
left: 82px;
}
}