#topbar{
background: #000000;
box-shadow: 320px 0px 0px 0px #000000;
padding: 5px 0;
border-radius: 0px 0px 0px 20px;
}
.topbar-social-icon ul {
padding-left: 0;
margin: 0;
}
.topbar-social-icon ul li {
list-style: none;
margin: 2px 5px;
font-size: 20px;
text-align: center;
display: inline-block;
}
.topbar-social-icon ul li a {
color: #ffffff;
transition: 0.5s;
}
.topbar-social-icon ul li a:hover{
color: #E81F3E;
transition: 0.5s;
}
.topbar-social-icon i {
font-size: 15px;
}
.topbar-social-icon {
text-align: left;
}
.tobar-cate-list {
position: absolute;
right: 0;
background: #fff;
z-index: 9999;
display: none;
height: 300px;
overflow-y: scroll;
}
.tobar-cate-list span.slider-post-date {
margin: 0 17px;
}
.tobar-cate-list::-webkit-scrollbar {
width: 5px;
}
.tobar-cate-list::-webkit-scrollbar-track {
border-radius: 111px;
background: #cccccc;
}
.tobar-cate-list::-webkit-scrollbar-thumb {
border-radius: 111px;
background: #E81F3E;
}
.tobar-cate-list ul li a{
color: #000000;
font: 500 15px/30px var(--font-ibm-plex);
}
.tobar-cate-list ul{
margin-left: 0;
list-style: none;
margin-bottom: 0;
padding: 16px 48px 16px 20px;
box-shadow: 0px 0px 5px 1px #ccc;
}
.topbar-cate-icon {
text-align: right;
}
.topbar-cate-icon i {
background: #FFFFFF;
height: 32px;
width: 32px;
font-size: 17px;
color: #000000;
padding: 8px;
cursor: pointer;
} .site-header {
box-shadow: 0px 3px 6px #00000029;
position: relative;
z-index: 9;
background: #fff;
}
span.header.my-account i {
color: #000000;
}
.logo a.custom-logo-link {
color:#ffffff;
}
.logo a {
color: #000000;
font-size: 19px;
letter-spacing: 1px;
font-weight: 400;
font-family: "Lobster";
}
.logo p {
color: #000000;
margin-bottom: 0;
font-size: 14px;
}
span.header.my-account {
text-align: right;
display: block;
} #header.stickynavbar .logo {
top: 0;
transition: 0.3s
}
.main-navigation ul ul li a {
margin: 0;
padding-left: 0px;
transition: 0.3s;
}
.main-navigation ul ul li a:hover{
padding-left: 10px;
transition: 0.3s;
}
.header-contact {
background: #DF61601f;
border-radius: 30px;
padding: 8px 25px;
}
.header-contact-details {
color: #222222;
font: 400 15px var(--font-ibm-plex);
}
.stickynavbar {
background-color: #ffffff !important;
z-index: 999;
padding-top: 0 !important;
}
.sticky {
position: fixed!important;
top: 0px;
width: 100%;
padding-bottom: 10px !important;
padding-top: 10px !important;  
left: 0;
right: 0;
}
.nav_wrap {
clear:both;
background-color: transparent;
margin-bottom: 0em;
z-index: 99;
}
#header {
position: relative;
z-index: 999;
}
.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;
}
#header .logo, #footer .logo{
margin:0;
text-align: center;
}
#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;
}
div#mySidenav {
display: block;
}
.main-header-box .row.bg-media {
align-items: center;
}
.theme-button a {
font: 600 16px/60px var(--font-ibm-plex);
color: #ffffff;
background: #E81F3E;
padding: 17px 28px;
transition: 0.5s;
}
.theme-button a:hover{
transition: 0.5s;
color: #fff;
background: #272a39;
}
.theme-button i {
font-size: 13px;
margin-left: 7px;
}  @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;
padding-left: 0;
}
.main-navigation li{
position: relative;
display: inline-block;
}
.main-navigation li:last-child{
border-bottom: none;
}
.main-navigation a{
display: block;
text-decoration: none;
color: #000000;
font: 600 20px/32px 'IBM Plex Sans', sans-serif;
padding: 13px 0;
margin-right: 37px;
}
.current-menu-item.current_page_item a,.current-menu-item a {
position: relative;
border-bottom: 5px solid #E81F3E;
} .main-navigation a:hover{
color: #E81F3E;
}
.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 .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: ##E81F3E;
}
.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;
}
.main-header-box form.search-form.serach-page {
justify-content: center;
} .outer-footer {
position: relative;
}
.footer2 .widget_nav_menu {
display: inline-block;
}
.footer1 .widget_text p {
font: 400 16px/26px var(--font-ibm-plex);
color: #e7e7e7;
margin-top: 30px;
}
#footer {
background-color: #181818;
background-repeat: no-repeat;
background-size: cover;
}
#footer{
color:#fff;
text-align:left;
}
.footer-cols{
padding: 60px 0;
}
.footer_hide{
display:none;
}
#footer h3.widget-title,#footer h3.top_title {
font: 600 20px/26px var(--font-ibm-plex);
color: #FFFFFF;
position: relative;
margin-bottom: 15px;
}
span.footer-contact-info {
color: #f5f5f5;
font: 400 16px/24px var(--font-ibm-plex);
display: inline-block;
width: 65%;
}
p.location.location-text {
display: flex;
}
.location-box i,.phone-box i,.email-box i {
margin-right: 10px;
font-size: 14px;
}
#footer .copyright p{
font: 400 20px/28px var(--font-ibm-plex);
margin-bottom: 0;
color: #ffffff;
}
#footer .copyright a {
color: #fff;
cursor: pointer;
}
#footer span.credit_link a {
color: #E81F3E!important;
}
#footer ul li{
list-style:none;
}
#footer ul {
margin-left: 0;
padding-left: 0;
}
#footer .post-content a {
color: #e7e7e7;
font: 500 16px/24px var(--font-ibm-plex);
}
p.post-date {
color: #e7e7e7;
font: 400 14px var(--font-ibm-plex);
margin-top: 5px;
}
p.post-date i {
margin-right: 8px;
}
#footer p.fcontact-title {
font: normal 18px/25px var(--font-ibm-plex);
color: #ffffff;
margin-bottom: 10px;
}
.footer4 form.wpcf7-form.init {
position: relative;
}
.footer3 .widget_text p {
color: #838C9C;
font: 700 16px/28px var(--font-ibm-plex);
}
.widget_recent_entries img {
width: 100px;
border-radius: 10px;
}
.footer4 form {
position: relative;
}
.copyright{
border-top: 1px solid #b5b5b56b;
padding: 18px;
}
#footer .textwidget input[type="email"]{
border-radius: 60px;
background-color: #ffffff;
border: 1px solid #FFFFFF;
height: 65px;
padding: 20px;
width: 85%;
}
#footer .textwidget input[type="submit"]{
background-color: #E81F3E;
font-family: var(--font-ibm-plex);
font-weight: 500;
font-size: 16px;
text-transform: capitalize;
border-radius: 160px;
color: #FFFFFF;
padding: 12px 45px;
}
#footer .widget td{
padding-top: 0px !important;
}
#footer .footer-navigation-box ul li {
display: inline-block;
margin: 0 25px;
}
#footer .footer-navigation-box ul li a{
color: #838C9C;
font: 700 15px var(--font-ibm-plex);
}
#footer .footer-navigation-box ul{
margin-bottom: 0;
} #footer_box h3.widget-title:before{
display: none;
}
#footer_box h3.widget-title{
font: 500 24px/20px var(--font-ibm-plex);
color: #ffffff;
background: unset;
border: unset;
text-align: left;
}
#footer_box .footer2 {
text-align: center;
}
#footer_box .footer2 ul li {
display: inline-block;
padding: 15px 0px;
}
#footer_box .footer2 .current-menu-item.current_page_item a,#footer_box .footer2 .current-menu-item a{
border-bottom: unset;
}
#footer_box .footer2 ul li a{
color: #ffffff;
font: 300 18px/28px var(--font-ibm-plex);
position: relative;
padding: 0 27px;
}
#footer_box .footer2 ul li a::before{
content: '';
background: #ffffff;
width: 1px;
height: 16px;
position: absolute;
right: 0;
top: 3px;
}
#footer_box .footer2 ul li:last-child a:before{
display: none;
}
#footer_box .footer2 .textwidget p {
color: #ffffffcc;
font: 300 16px/30px var(--font-ibm-plex);
width: 71%;
margin: 15px auto;
}
#footer_box .footer1 .widget_nav_menu{
float:left;
}
#footer_box .footer3 .widget_nav_menu {
float: right;
}
#footer_box .footer3 ul li a,#footer_box .footer1 ul li a {
color: #ffffff;
font: 300 16px/20px var(--font-ibm-plex);
margin-bottom: 25px;
display: block;
}
#footer_box .footer1 .widget_wpb_social_footer_widget,#footer_box .footer3 .widget_nav_menu,#footer_box .footer1 .widget_nav_menu {
border-left: 1px solid #ffffff5c;
position: relative;
}
#footer_box .footer1 .widget_wpb_social_footer_widget,#footer_box .footer3 .widget_nav_menu,#footer_box .footer1 .widget_nav_menu{
padding-left: 15px;
}
#footer_box .footer1 .widget_wpb_social_footer_widget::before, #footer_box .footer3 .widget_nav_menu::before, #footer_box .footer1 .widget_nav_menu::before {
content: '';
background: #E81F3E;
width: 3px;
height: 32px;
position: absolute;
left: -1px;
}
#footer_box .footer3 ul li:last-child a,#footer_box  .footer-custom-social-icons a:last-child{
margin-bottom: 0;
}
#footer_box .footer2 .widget_media_image{
position: relative;
}
#footer_box .footer2 .widget_media_image::before {
content: '';
background: #ffffff5c;
height: 1px;
width: 245px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
bottom: 0;
}
#footer_box .footer2 .widget_media_image::after {
content: '';
background: #E81F3E;
width: 30px;
height: 3px;
position: absolute;
bottom: -1px;
left: 0;
right: 0;
margin: 0 auto;
}
#footer_box .footer2 .widget_media_image img{
padding-bottom: 20px;
} #footer_box .footer-custom-social-icons a {
display: block;
color: #ffffff;
font: 300 16px/20px var(--font-ibm-plex);
margin-bottom: 25px;
} 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: #000;
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: #000;
padding-left: 15px;
caption-side: top;
}
.widget_calendar tbody a {
background-color: #bbb;
color: #000;
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: 0px;
right: 0px;
background: #E81F3E;
width: 60px;
height: 60px;
padding: 7px 7px;
display: block;
text-decoration: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0%;
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;
}
.menu-footer-menu-2-container {
position: relative;
top: -33px;
}
#gallery-1 img {
border: none;
border-radius: 10px;
}
aside#media_image-2{
position:relative;
}
aside#media_image-2 img {
width: 100%;
}
aside#media_image-2 h3:before{
display:none;
}
aside#media_image-2 h3 {
position: absolute;
background: transparent;
border: none;
top: 32%;
left: 4%;
font-size: 53px;
}*{
margin:0;
padding:0;
outline:none;
}
html body{
margin:0;
padding: 0 !important;
-ms-word-wrap:break-word;
word-wrap:break-word;
background-color:#fff;
position:relative;
font-size: 15px;
color: #6c6c6c;
font-family: var(--font-ibm-plex);
font-weight: 300;
overflow-x: hidden;
}
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: var(--font-ibm-plex);
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:#E81F3E;
}
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: 30px 0;
}
select{
width: 100%;
padding: 6px;
}
input[type="submit"] {
padding: 10px 20px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
border: none;
background-color: #E81F3E;
}
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(//tv-emmering.de/wp-content/themes/multi-sports-club-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(//tv-emmering.de/wp-content/themes/multi-sports-club-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;
}
.search.search-results #single_post .date-box{
right: 28px;
}
#single_post .date-box {
padding: 20px 10px;
position: absolute;
top: 28px;
background-color: #E81F3E;
color: #ffffff;
margin-left: 8px;
}
#single_post .date-box-inner {
padding: 8px;
border: solid 2px #ffffff;
}
.posttitle a{
font-size: 20px;
letter-spacing: 1px;
color: #1f1e1e;
font-family: var(--font-ibm-plex);
}
.page-header h1{
color: #1f1e1e;
font-family: var(--font-ibm-plex);
}
.entry-title{
color: #1f1e1e;
font-family: var(--font-ibm-plex);
}
.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 10px 0;
height: auto;
border:2px solid #cccccc;
background-color: transparent;
}
.contact-box .wpcf7 input[type="text"]::placeholder{
font-family: var(--font-ibm-plex);
}
.contact-box .wpcf7 input[type="email"]::placeholder{
font-family: var(--font-ibm-plex);
}
.contact-box .wpcf7 textarea::placeholder{
font-family: var(--font-ibm-plex);
}
.contact-box .contac_form input[type="submit"]{
border-radius: 40px;
font-family: var(--font-ibm-plex);
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: var(--font-ibm-plex);
}
.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: var(--font-ibm-plex);
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: var(--font-ibm-plex);
font-weight: bold;
} .social_widget a {
display: block;
border: 1px solid #A1A1A1;
border-radius: 15px;
padding: 10px 12px;
margin: 20px 0;
color: #000000;
font: 600 18px/36px var(--font-ibm-plex);
}
.social_widget a:hover{
color: #000000;
}
.social_widget a i {
font-size: 16px;
text-align: center;
background-color: #E81F3E;
width: 40px;
height: 40px;
border-radius: 10px;
padding: 12px 12px;
color: #fff;
margin-right: 10px;
}
.social_widget i.fab.fa-facebook-f {
background: #1077f0;
}
.social_widget i.fab.fa-youtube {
background: #fd0002;
}
.social_widget i.fab.fa-instagram {
background: linear-gradient(180deg, #624cd2 0%, #fc327d 56%, #fcda6b 100%);
}
.social_widget i.fab.fa-snapchat {
background: #fffd05;
color: #000;
}
.social_widget i.fa-brands.fa-twitter {
background: #229aee;
}
.social_widget a i:hover{
background: #E81F3E;
} .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: 20px;
box-shadow: 0px 0px 25px #ccc;
padding: 15px;
margin-bottom: 30px;
position: relative;
}
.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;
list-style: none;
}
.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: #E81F3E;
color: #ffffff !important;
border: 1px solid #E81F3E;
}
.navigation span.page-numbers.current{
background-color: #ffffff;
border: 1px solid #E81F3E;
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 :#e2133a;
color:#fff;
padding:10px 0;
font-size:12px;
width: 100%;
letter-spacing: 2px;
font-weight: bold;
}
#sidebar .widget {
padding: 20px;
border: 1px solid #E81F3E;
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;
}
#sidebar .wp-block-search__inside-wrapper{
display: block;
}
#sidebar button[type="submit"] {
width: 100%;
margin-left: 0;
height: 45px;
background: #E81F3E;
border-color: #E81F3E;
font: 500 16px var(--font-ibm-plex);
color: #fff;
}
#sidebar ol.wp-block-latest-comments{
padding-left: 0;
} .single-post-content p{
font-size: 18px;
color: #8fa3aa;
font-family: var(--font-ibm-plex);
line-height: 28px;
}
.postbox-content span {
font-size: 13px;
}
.postbox-content i {
font-size: 12px;
} .custom-about-us img {
width: 100%;
}
.page-template-home-page aside.widget_recent_entries,.page-template-home-page aside.widget_tag_cloud,.social_widget,.home-sidebar aside.widget_search,.home-sidebar aside.widget_text {
border: 1px solid #A1A1A1;
border-radius: 20px;
padding: 20px 12px 30px;
}
h3.widget-title {
background: #E81F3E;
border-radius: 10px;
margin: 0;
text-align: center;
color: #ffffff;
font: 600 24px/40px var(--font-ibm-plex);
position: relative;
border: 1px solid #E81F3E;
margin-bottom: 20px;
}
h3.widget-title:before {
content: '';
border: 5px solid #fff;
width: 100%;
height: 100%;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-radius: 10px;
}
.widget_recent_entries ul {
padding-left: 0;
}
.home-sidebar span.post-cate {
margin: 0 10px 0 0;
}
.home-sidebar .recent-post-box span.entry-author a, .home-sidebar .recent-post-box span.post-cate, .home-sidebar .recent-post-box span.Social{
font: 400 14px/23px var(--font-ibm-plex);
}
.home-sidebar span.entry-author i, .home-sidebar span.post-cate i, .home-sidebar span.Social i{
font-size: 14px;
}
.home-sidebar .post-meta-content-box {
margin: 5px 0;
}
.post-content a {
color: #000000 !important;
font: 500 15px/20px var(--font-ibm-plex);
}
.post-content .media a {
color: #E81F3E !important;
}
.home-sidebar aside {
margin-bottom: 40px;
}
.custom-about-us {
position: relative;
}
.more-button {
position: absolute;
top: 32%;
left: 0;
right: 0;
text-align: center;
}
.more-button a {
color: #ffffff;
font: bold 55px/65px 'Muli';
padding: 0 15px;
}
.tagcloud a {
color: #283941;
font: 400 18px/29px var(--font-ibm-plex) !important;
border: 1px solid #1C222A;
border-radius: 10px;
padding: 7px 20px;
display: inline-block;
margin: 9px 6px;
}
.home-sidebar aside#wpb_social_widget-2,.custom-social-icons a:last-child {
margin-bottom: 0;
}
.all-post-box .home-sidebar {
margin-top: 25px;
}
#text-2 a.sbi_photo.sbi_imgLiquid_bgSize {
border-radius: 15px;
}
div#sb_instagram {
padding-bottom: 0 !important;
} .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,.content_page {
padding-bottom: 50px;
}
form.search-form.serach-page {
margin-bottom: 10px;
border-bottom: 2px solid #A1A1A1;
position: relative;
}
form.search-form.serach-page button.search-submit {
position: absolute;
right: 0;
top: 10px;
background: unset;
border: unset;
}
form.search-form.serach-page button.search-submit i {
background: #000;
color: #fff;
border-radius: 5px;
width: 30px;
height: 30px;
padding: 9px;
}
.serach-page input[type="search"]::placeholder{
color: #A1A1A1;
font: 300 16px/64px 'Muli';
}   .serach-page input[type="search"] {
height: 50px;
padding: 10px;
width: 100%;
border: unset;
}
.shop-box {
padding: 8em 1em 50px 11em;
}
.woocommerce .quantity .qty {
height: 34px;
border: 1px solid #000;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #222222;
font-size: 1.25em;
}
.woocommerce ul.products li.product .price{
color: #222222;
}
.woocommerce span.onsale{
background: #E81F3E;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button{
background: #E81F3E;
color: #fff;
}
.contac_form .wpcf7-spinner{
display: none;
} .team-shortcode .team-contents-wrapper {
margin-bottom: 30px;
} .testimonial-shortcode .testimonial-data{
opacity: 1;
margin-bottom: 30px;
} .outer_dpage table{
text-align: center;
}
.outer_dpage table th{
text-align: center;
}
.woocommerce div.product form.cart .button{
background: #E81F3E;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt{
background: #E81F3E;
}.sf-arrows .sf-with-ul{
padding-right: 5px;
}
.sf-arrows .sf-with-ul:after{
content: '\f107';
position: absolute;
top: 25%;
right: 25px;
margin-top: -2px;
height: 0;
width: 0;
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 12px;
}
.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: 1800px) and (min-width: 1400px) {
.about-data-box p{
font: 300 14px/26px var(--font-ibm-plex);
}
.about-title-box img {
width: 66%;
height: 90px;
}
.about-back-img-box img {
width: 70%;
}
.about-banner-box h3{
font: bold 51px/45px 'Muli';
}
.author-image {
margin-top: -8px;
}
.about-add-banner {
margin-left: 39px;
}
}
@media screen and (max-width: 1399px) and (min-width: 1200px) {
.sf-arrows .sf-with-ul:after{
right: 15px;
}
.slider-post-left-box h3.recent-post-title a{
font: 600 35px/50px var(--font-ibm-plex);
}
.slider-post-left-box .recent-post-info p{
font: 300 16px/30px var(--font-ibm-plex);
margin-bottom: 5px;
padding-right: 10px;
}
.slider-post-content-box h3.recent-post-title a{
font: 500 13px/18px var(--font-ibm-plex);
}
.slider-post-content-box{
height: 560px;
margin-top: -36px;
}
.slider-post-content-box .slide-post-cate{
font: 500 12px/20px var(--font-ibm-plex);
padding: 0px 6px;
margin-bottom: 4px;
}
.home-sidebar .recent-post-box span.entry-author a, .home-sidebar .recent-post-box span.post-cate, .home-sidebar .recent-post-box span.Social {
font: 400 12px/23px var(--font-ibm-plex);
}
.home-sidebar span.post-cate {
margin: 0 6px 0 0;
}
.home-sidebar span.entry-author i, .home-sidebar span.post-cate i, .home-sidebar span.Social i {
font-size: 12px;
}
#recent_post .recent-post-box .recent-post-title a {
font: 600 21px/31px 'Muli';
}
.recent-post-info p{
font: 300 17px/27px var(--font-ibm-plex);
}
.recent-post-box1 h3.recent-post-title a{
font: 700 13px/20px var(--font-ibm-plex);
}
.tagcloud a{
font: 400 16px/29px var(--font-ibm-plex) !important;
padding: 7px 16px;
}
.custom-about-us img{
height: 449px;
}
.feature-post-box-row .recent-post-title a{
font: 500 18px/24px var(--font-ibm-plex);
}
.feature-post-box-row .recent-post-info p{
font: 300 15px/22px var(--font-ibm-plex);
margin-bottom: 0;
}
.main-navigation a{
font: 600 18px/32px 'IBM Plex Sans', sans-serif;
margin-right: 30px;
}
.cate-title a{
font: 600 24px/39px var(--font-ibm-plex);
}
.add-banner-box {
padding: 90px 0;
}
.feature-row-post h3.recent-post-title a,.most-read-row-box .recent-post-title a{
font: 500 15px/20px var(--font-ibm-plex);
}
.about-content-box{
padding-left: 17px;
margin-top: -17px;
}
.about-add-banner {
margin-left: 38px;
}
.about-data-box h4{
font: 600 28px/12px var(--font-ibm-plex);
}
.about-data-box span{
font: 300 18px/22px var(--font-ibm-plex);
padding-bottom: 5px;
}
.about-data-box p{
font: 300 14px/26px var(--font-ibm-plex);
}
.about-title-box img {
width: 66%;
height: 90px;
}
.about-back-img-box img {
width: 67%;
}
.about-banner-box h3{
font: bold 51px/45px 'Muli';
}
.trending-post-box h3.recent-post-title a{
font: 700 16px/25px 'Muli';
}
.trending-post-box1 h3.recent-post-title a{
font: 700 11px/18px var(--font-ibm-plex);
width: 86%;
}
.row.trending-box-col {
margin-top: 10px;
}
#footer_box .footer2 ul li a{
padding: 0 20px;
}
#footer .copyright p{
font: 400 18px/28px var(--font-ibm-plex);
}
}
@media screen and (max-width: 1300px) and (min-width: 1200px) {
}
@media screen and (max-width: 1199px) and (min-width: 1025px) {
.main-navigation a{
font: 600 16px/32px 'IBM Plex Sans', sans-serif;
margin-right: 20px;
}
.slider-post-left-box h3.recent-post-title a{
font: 600 28px/45px var(--font-ibm-plex);
}
.slider-post-left-box .recent-post-info p{
font: 300 15px/26px var(--font-ibm-plex);
}
.slider-post-content-box h3.recent-post-title a{
font: 500 12px/18px var(--font-ibm-plex);
}
.slider-post-content-box span.slider-post-date {
margin: 0 10px;
}
.cate-title a{
font: 600 23px/39px var(--font-ibm-plex);
}
.post-category-box .post-category-box-item:nth-child(3) .cate-title a {
left: -15px;
}
#recent_post .recent-post-box .recent-post-title a{
font: 600 18px/25px 'Muli';
}
.post-meta-content-box span.post-cate {
margin: 0 6px;
}
.recent-post-box1 h3.recent-post-title a{
font: 700 13px/20px var(--font-ibm-plex);
}
.add-banner-box {
padding: 60px 0;
}
.feature-post-box-row .recent-post-title a{
font: 500 15px/21px var(--font-ibm-plex);
}
.feature-post-box-row .recent-post-info p{
font: 300 14px/21px var(--font-ibm-plex);
width: 100%;
}
.feature-row-post h3.recent-post-title a{
font: 500 12px/20px var(--font-ibm-plex);
}
.newsletter-title-box h2{
font: 600 16px/22px var(--font-ibm-plex);
}
.newsletter-title-box span{
font: 300 13px/30px var(--font-ibm-plex);
}
.newsletter-form{
padding: 36px;
}
#latest_post span.section-text{
width: 85%;
}
.most-read-row-box .recent-post-title a{
font: 500 13px/20px var(--font-ibm-plex);
}
.about-add-banner {
margin-left: 0;
}
.about-data-box h4{
font: 600 26px/12px var(--font-ibm-plex);
}
.about-data-box span{
font: 300 18px/20px var(--font-ibm-plex);
padding-bottom: 7px;
}
.about-data-box p{
font: 300 14px/24px var(--font-ibm-plex);
}
.about-back-img-box img {
width: 63%;
}
.about-title-box img {
width: 56%;
}
.about-content-box {
padding-left: 10px;
margin-top: 0px;
}
.about-banner-box h3{
font: bold 40px/40px 'Muli';
}
.trending-post-box h3.recent-post-title a{
font: 700 15px/22px 'Muli';
width: 77%;
}
.trending-post-box1 h3.recent-post-title a{
font: 700 12px/17px var(--font-ibm-plex);
width: 95%;
}
}
@media screen and (max-width: 1024px){
.main-navigation a{
margin: 0px 0;
}
.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;
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: #000000;
}
.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;
}
.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;
}
.main-navigation li.current_page_item  {
border:none;
}
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
color: #fff;
}
#calender .calender_content {
overflow: scroll;
}
}
@media screen and (max-width: 1024px) and (min-width:992px){
.toggle-nav{
width: auto;
text-align: left;
right: -20px;
}
.post-category-box .post-category-box-item:nth-child(3) .cate-title a {
left: -15px;
}
#header{
padding: 15px 0;
}
.slider-post-left-box h3.recent-post-title a{
font: 600 26px/42px var(--font-ibm-plex);
}
.slider-post-left-box .recent-post-info p{
font: 300 16px/30px var(--font-ibm-plex);
}
.slider-post-content-box span.slider-post-date {
margin: 0 12px;
}
.cate-title a{
font: 600 23px/39px var(--font-ibm-plex);
top: 45%;
}
.post-category-box .post-category-box-item img{
height: 390px;
}
#recent_post .recent-post-box .recent-post-title a{
font: 600 15px/27px 'Muli';
}
.recent-post-info p{
font: 300 15px/25px var(--font-ibm-plex);
}
.recent-post-row-box .recent-post-main-box:nth-child(1) .recent-post-img img {
height: 220px;
}
.recent-post-row-box .recent-post-main-box:nth-child(2) .recent-post-img img {
height: 260px;
}
.recent-post-row-box .recent-post-main-box:nth-child(3) .recent-post-img img,.recent-post-row-box .recent-post-main-box:nth-child(4) .recent-post-img img {
height: 290px;
}
.recent-post-row-box .recent-post-main-box:nth-child(5) .recent-post-img img{
height: 250px;
}
.recent-post-row-box .recent-post-main-box:nth-child(6) .recent-post-img img {
height: 221px;
}
.post-meta-content-box span.post-cate {
margin: 0 10px;
}
.recent-post-main-box span.entry-author i,.recent-post-main-box span.post-cate i,.recent-post-main-box span.Social i{
font-size: 11px;
}
.recent-post-box1 h3.recent-post-title a{
font: 700 13px/19px var(--font-ibm-plex);
}
.recent-post-row-box .recent-post-main-box:nth-child(4) {
margin-top: -69px;
}
.recent-post-row-box .recent-post-main-box:nth-child(5) {
margin-top: -31px;
}
h3.widget-title{
font: 600 21px/40px var(--font-ibm-plex);
}
.add-banner-box {
padding: 60px 0;
}
.feature-post-box-row .recent-post-title a{
font: 500 15px/20px var(--font-ibm-plex);
}
.feature-post-box-row .recent-post-info p{
font: 300 14px/22px var(--font-ibm-plex);
width: 100%;
}
.feature-row-post h3.recent-post-title a{
font: 500 13px/18px var(--font-ibm-plex);
}
.newsletter-title-box h2{
font: 600 16px/22px var(--font-ibm-plex);
}
.newsletter-title-box span{
font: 300 13px/30px var(--font-ibm-plex);
}
.newsletter-form{
padding: 35px;
}
#latest_post span.section-text{
width: 85%;
}
.most-read-row-box .recent-post-title a{
font: 500 14px/20px var(--font-ibm-plex);
}
.about-add-banner {
margin-left: 0;
}
.about-back-img-box img {
width: 67%;
}
.about-title-box img {
width: 70%;
}
.about-data-box h4{
font: 600 27px/12px var(--font-ibm-plex);
}
.about-data-box span{
font: 300 18px/20px var(--font-ibm-plex);
padding-bottom: 7px;
}
.about-data-box p{
font: 300 15px/25px var(--font-ibm-plex);
}
.about-content-box {
padding-left: 0px;
margin-top: -10px;
}
.about-banner-box h3{
font: bold 45px/40px 'Muli';
}
.trending-post-box h3.recent-post-title a{
font: 700 14px/20px 'Muli';
width: 74%;
}
.trending-post-box1 h3.recent-post-title a{
font: 700 12px/15px var(--font-ibm-plex);
width: 91%;
}
#footer_box .footer2 ul li a{
padding: 0 15px;
}
#footer .copyright p{
font: 400 16px/28px var(--font-ibm-plex);
}
}
@media screen and (min-width: 768px) and (max-width:991px) {
section{
padding: 40px 0;
}
.toggle-nav{
width: auto;
text-align: left;
right: -20px;
}
#header{
padding: 10px 0;
}
.slider-post-left-box h3.recent-post-title a{
font: 600 18px/30px var(--font-ibm-plex);
}
.slider-post-left-box .recent-post-info p{
font: 300 15px/24px var(--font-ibm-plex);
margin-bottom: 5px;
}
.slider-post-left-box span.slider-post-time {
margin: 0 5px;
}
.slider-post-left-box span.slider-post-date, .slider-post-left-box span.slider-post-time, .slider-post-left-box span.Social{
font: 300 12px/30px var(--font-ibm-plex);
}
.slider-post-meta i{
font-size: 12px;
margin-right: 2px;
}
.slider-post-content-box h3.recent-post-title a{
font: 500 12px/18px var(--font-ibm-plex);
}
.slider-post-content-box span.slider-post-date {
margin: 0 5px;
}
.slider-post-content-box{
height: 600px;
}
.post-category-box .post-category-box-item img{
height: 370px;
}
.cate-title a{
font: 600 20px/39px var(--font-ibm-plex);
}
.post-category-box .post-category-box-item:nth-child(3) .cate-title a {
left: -21px;
}
.home-sidebar .recent-post-box span.entry-author a, .home-sidebar .recent-post-box span.post-cate, .home-sidebar .recent-post-box span.Social{
font: 400 12px/18px var(--font-ibm-plex);
}
.home-sidebar span.post-cate {
margin: 0 5px 0 0 !important;
}
.home-sidebar span.entry-author i, .home-sidebar span.post-cate i, .home-sidebar span.Social i{
font-size: 11px;
margin-right: 2px;
}
.page-template-home-page aside.widget_recent_entries, .page-template-home-page aside.widget_tag_cloud, .social_widget, .home-sidebar aside.widget_search, .home-sidebar aside.widget_text{
padding: 20px 10px;
}
.post-content a{
font: 500 13px/20px var(--font-ibm-plex);
}
#recent_post .recent-post-box .recent-post-title a{
font: 600 20px/23px 'Muli';
}
#footer_box .footer2 .textwidget p{
font: 300 14px/24px var(--font-ibm-plex);
width: 85%;
}
#footer_box .footer2 ul li{
padding: 10px 0px;
}
#footer_box .footer2 ul li a{
font: 300 17px/20px var(--font-ibm-plex);
padding: 0 13px;
}
.post-meta-content-box span.post-cate {
margin: 0 15px;
}
#latest_post .post-meta-content-box{
right: 0px;
top: -18px
}
#latest_post span.section-text{
width: 77%;
}
#recent_post .recent-post-box .recent-post-title a{
font: 600 22px/25px 'Muli';
}
#recent_post .recent-post-box h3.recent-post-title{
width: 80%;
}
.recent-post-row-box .recent-post-main-box:nth-child(2) .recent-post-img img {
height: 285px;
}
.recent-post-row-box .recent-post-main-box:nth-child(3) .recent-post-img img {
height: 230px;
}
.recent-post-row-box .recent-post-main-box:nth-child(4) .recent-post-img img {
height: 272px;
}
.recent-post-row-box .recent-post-main-box:nth-child(3) {
margin-top: -20px;
}
.recent-post-row-box .recent-post-main-box:nth-child(4) {
margin-top: 0px;
}
.recent-post-row-box .recent-post-main-box:nth-child(5) {
margin-top: -82px;
}
.recent-post-row-box .post-meta-content-box span.post-cate {
margin: 0 9px;
}
.about-widget .more-button a{
font: bold 40px/45px 'Muli';
}
.add-banner-box {
padding: 33px 0;
}
.tagcloud a{
font: 400 15px/25px var(--font-ibm-plex) !important;
padding: 7px 12px;
margin: 6px 2px;
}
.newsletter-form{
padding: 38px;
}
.about-data-box h4{
font: 600 30px/7px var(--font-ibm-plex);
}
.about-data-box span{
font: 300 18px/20px var(--font-ibm-plex);
padding-bottom: 5px;
}
.about-data-box p{
font: 300 15px/26px var(--font-ibm-plex);
}
.about-content-box {
padding-left: 57px;
margin-top: -18px;
}
.about-add-banner {
margin-left: 0;
margin-top: 15px;
text-align: center;
}
.about-add-banner img {
width: auto;
}
.about-back-img-box img {
width: 80%;
}
.about-banner-box h3{
font: bold 48px/79px 'Muli';
}
}
@media screen and (min-width: 576px) and (max-width:767px){
.postbox .postbox-content{
padding: 5px 15px;
}
.slider-post-main-box{
padding-top: 4em;
}
.slider-post-content-box{
margin-top: 35px;
}
#slider_post{
margin-top: 0;
background: #ffffff;
}
.cate-title a{
font: 600 18px/39px var(--font-ibm-plex);
top: 43%;
}
.post-category-box .post-category-box-item img{
height: 255px;
}
.post-category-box-item .cate-more-btn a{
top: 53%;
font: 400 14px/20px var(--font-ibm-plex);
padding: 5px 7px;
}
.cate-more-btn i{
height: 30px;
width: 30px;
padding: 8px 11px;
}
.post-category-box .post-category-box-item:nth-child(3) .cate-title a {
left: -25px;
}
#recent_post .recent-post-box .recent-post-title a{
font: 600 22px/25px 'Muli';
}
#recent_post .recent-post-box h3.recent-post-title{
width: 80%;
}
.recent-post-row-box .recent-post-main-box:nth-child(3) .recent-post-img img {
height: 285px;
}
.recent-post-row-box .recent-post-main-box:nth-child(4) .recent-post-img img {
height: 272px;
}
.recent-post-row-box .recent-post-main-box:nth-child(3) {
margin-top: -50px;
}
.recent-post-row-box .recent-post-main-box:nth-child(4) {
margin-top: 0px;
}
.add-banner-box {
padding: 12px 0;
}
.add-banner-box a h2{
font: bold 42px/79px 'Muli';
}
.newsletter-title-box {
text-align: center;
}
.newsletter-form{
margin-top: 15px;
padding: 35px;
}
#latest_post span.section-text{
width: 68%;
}
.most-read-row-box{
margin-top: 10px;
}
.about-data-box span{
font: 300 17px/25px var(--font-ibm-plex);
padding-bottom: 5px;
}
.about-data-box h4{
font: 600 25px/12px var(--font-ibm-plex);
margin-bottom: 0;
}
.about-data-box p{
font: 300 15px/24px var(--font-ibm-plex);
}
.about-content-box{
padding-left: 0px;
}
.about-add-banner {
margin-left: 0;
text-align: center;
}
.trending-post-box1 h3.recent-post-title a{
font: 700 14px/19px var(--font-ibm-plex);
width: 95%;
}
#footer_box .footer2 {
text-align: left;
}
#footer_box .footer2 .widget_media_image::after{
right: auto;
}
#footer_box .footer2 .textwidget p{
font: 300 14px/25px var(--font-ibm-plex);
width: 100%;
}
#footer_box .footer2 ul li{
padding: 6px 0px;
}
#footer_box .footer2 ul li a{
font: 300 16px/28px var(--font-ibm-plex);
padding: 0 10px;
}
#footer_box .footer3 .widget_nav_menu {
float: unset;
}
.col-lg-3.col-sm-6.footer3 {
padding-left: 0;
padding-top: 25px;
}
.about-add-banner img {
width: auto;
}
}
@media screen and (max-width:767px){
html body,html{
overflow-x: hidden;
}
.logo{
text-align: center;
}
.logo{
padding: 30px 28px;
}
.sticky{
position: unset!important;
}
.toggle-nav{
width: auto;
text-align: left;
right: -20px;
}
.stickynavbar .main-header-box {
padding-top: 0;
}
#header{
padding: 10px 0;
}
.slider-post-left-box h3.recent-post-title a{
font: 600 25px/43px var(--font-ibm-plex);
}
.footer-cols {
padding: 60px 25px;
}
.slider-post-content-box{
margin-top: 10px;
background: #000000d1;
padding: 15px;
}
}
@media screen and (max-width:575px) {
.wpcf7-spinner{
display: none;
}
.content_boxes,#single_post .postbox .postbox-content,.slider-post-left-box h3.recent-post-title a,.slider-post-left-box .recent-post-info p,.slider-post-meta,.slider-post-btn{
text-align: center;
}
ul.post-categories{
text-align: left;
}
.post_ctg.font-weight-bold {
display: flex;
justify-content: center;
}
.navigation span, .navigation a{
margin-bottom: 5px;
margin-right: 4px;
}
#latest_post .post-meta-content-box{
right: 10px;
top: -10px;
}
.main_title h1{
font-size: 25px;
text-align: center;
}
.metabox .entry-author {
padding: 0 0 0 5px;
margin: 0 5px 0 0;
}
section{
padding: 20px 0;
}
blockquote{
width: 100%;
}
.logo a  {
font-size: 23px;
}
.post-navigation .nav-previous,.post-navigation .nav-next {
width: 100%;
}
.slider-post-main-box{
padding-top: 7em;
}
#slider_post{
background: #fff;
}
.feature-post-img {
padding: 10px 0;
}
.slider-post-content-box span.slider-post-date {
margin: 0 3px;
}
.slider-post-content-box .media{
left: -25px;
}
div#authorphoto{
justify-content: center;
}
.media{
padding: 6px 6px;
}
.post-category-box{
display: inline-block;
}
.post-category-box .post-category-box-item img,.post-category-box img.post-category-box-expand{
height: auto;
width: auto;
}
.cate-title a{
transform: unset;
top: 40%;
}
.post-category-box-item{
display: inline-block;
margin-bottom: 15px;
}
.cate-more-btn{
display: block;
}
#recent_post .recent-post-box .recent-post-title a{
font: 600 14px/23px 'Muli';
}
.post-category-box,#footer_box .footer1, #footer_box .footer3 .widget_nav_menu,#footer_box h3.widget-title, #footer_box .footer1 .widget_nav_menu,#footer_box h3.widget-title,.trending-box-col .recent-post-info p,.trending-content-box .recent-post-info p,#trending_post .post-meta-content-box,.about-content-box,.most-read-row-box .recent-post-title a,.most-read-row-box .post-meta-content-box,#latest_post .recent-post-info p,#latest_post h3.recent-post-title,#latest_post .owl-nav,.newsletter-title-box,#recent_post .post-meta-content-box,#recent_post .recent-post-info p,
.recent-post-box1 h3.recent-post-title a,#feature_post .post-meta-content-box,.feature-post-box-row .recent-post-title a,.feature-post-box-row .recent-post-info p,.feature-row-post h3.recent-post-title a{
text-align: center;
}
#footer_box .footer1 .widget_nav_menu {
float: unset;
}
#recent_post .recent-post-info p{
font: 300 14px/25px var(--font-ibm-plex);
}
.recent-post-row-box .col-md-4:nth-child(1) .recent-post-img img,.recent-post-row-box .col-md-4:nth-child(2) .recent-post-img img,.recent-post-row-box .col-md-4:nth-child(3) .recent-post-img img,.recent-post-row-box .col-md-4:nth-child(4) .recent-post-img img,.recent-post-row-box .col-md-4:nth-child(5) .recent-post-img img,.recent-post-row-box .col-md-4:nth-child(6) .recent-post-img img{
height: auto;
}
.recent-post-row-box .recent-post-main-box:nth-child(4),.recent-post-row-box .recent-post-main-box:nth-child(5){
margin-top: 0;
}
.add-banner-box {
padding: 40px 0;
}
.add-banner-box a h2{
font: bold 22px/20px 'Muli';
}
.feature-post-box-row .recent-post-info p,.newsletter-form input[type="email"],#latest_post .recent-post-info p{
width: 100%;
}
#feature_post img.recent-post-show-img,#most_read_post img.recent-post-show-img{
margin: 0 auto;
display: block;
}
.newsletter-form{
padding: 25px;
}
.newsletter-submit-btn input[type="submit"],.newsletter-submit-btn{
position: unset;
}
.newsletter-submit-btn p{
margin: 11px auto 0;
}
#latest_post button.owl-prev, #latest_post button.owl-next{
position: unset;
transform: translateY(25%);
margin: 0 5px;
}
.most-read-row-box{
margin-top: 20px;
}
.about-content-box {
padding-left: 0;
margin-top: 0;
}
.author-image {
margin-top: 0;
}
.trending-post-box h3.recent-post-title a{
font: 700 16px/25px 'Muli';
}
.trending-post-box h3.recent-post-title a,.trending-post-box1 h3.recent-post-title a,#recent_post .recent-post-box h3.recent-post-title{
width: 100%;
position: static;
text-align: center;
margin-top: 15px;
}
#footer_box .footer3 ul li:last-child a, #footer_box .footer-custom-social-icons a:last-child{
margin-bottom: 25px;
}
#footer_box .footer3 .widget_nav_menu {
float: unset;
}
#footer .copyright p{
font: 400 16px/28px var(--font-ibm-plex);
}
.about-add-banner {
margin-left: 0;
}
#recent_post .home-sidebar .post-meta-content-box{
text-align: left;
}
.add-banner-title{
background-size: 100% 100%;
}
}