/*
Theme Name: Kidsi Pro
Theme URI: https://netnus.com/product/kidsi-pro-wordpress-theme-for-multipurpose/
Author: Netnus
Author URI: https://netnus.com/
Description: Kids Pro is an exclusively multipurpose theme, easy to use.  It comes bundled with Elementor, and it is compatible with WooCommerce. Build any stunning business related website the smooth way with this amazing theme. It is cross-browser compatible and implemented on bootstrap framework that makes it really handy to use. It comes with powerful admin interface. The theme is mobile-friendly that easily fits in any device screen size. Also, it is SEO-friendly that takes care of your website’s search engine ranking. It is highly customizable with no coding knowledge required. You can import demo content with one-click demo import option. You can add social media pages using widgets. It is fully responsive that fits perfectly in all devices, be it desktop, mobile or tabs. It comes with clean, secure and optimized codes. Also, the theme loads faster as the pages are optimized for speed. Demo: https://netnus.net/kidsi/
Version: 4.5
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kidsi-pro
Requires PHP:  5.6
Tested up to: 5.8
Tags:blog,education,two-columns,right-sidebar,full-width-template,custom-colors,custom-menu,custom-header,custom-logo,featured-images,editor-style,custom-background,threaded-comments,theme-options, translation-ready
Kidsi Pro WordPress Theme has been created by Netnus(netnus.com), 2022.
Kidsi Pro WordPress Theme is released under the terms of GNU GPL
*/
body{
font-family:'Poppins', sans-serif;
background-color:#f7f7f7;
line-height:28px;
font-size:16px;
color:#717171;
-ms-word-wrap:break-word; 
word-wrap:break-word;
}

/*--------------------------------------------------------------
8. Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after,
nav:before,
nav:after {
content: "";
display: block;
}
.clear:after,
.site-header:after,
.site-footer:after,
nav:after {
clear: both;
}
.clear{ 
clear:both;
}
a{ 
text-decoration:none;
color:#efc62c;
}
a:hover{ 
color:#111;
}
p{ 
margin:0;
padding:0;
}
figcaption,figure{	
display: block;
}
figure {
margin: 1em 0;
}
blockquote{ 
  font-size: 18px;   
  padding:1.2em 30px 1.2em; 
  color: #555555; 
  border-left:7px solid #812570 ; 
  line-height:1.6;
  font-style:italic;
  position: relative;
  margin:50px auto; 
  background:#ededed;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
}
*{ 
padding:0;
outline:none;
margin:0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
.post-tags{ 
font-weight:bold;
}
.post-tags a:hover{ 
color:#000 !important;
}
.left{ 
float:left;
}
.right{ 
float:right;
}
blockquote p{ 
margin-bottom:0 !important;
}
.textwidget select{ 
width:100%;
}
.tagcloud a{ 
border:1px solid #fff;
margin:0 5px 5px 0;
padding:5px 12px;
font-size:12px !important;
display:inline-block;
color:#fff;
}
.tagcloud a:hover{ 
border:1px solid #fff;
}
table{ 
width:100%
}
.wp-caption, 
.wp-caption-text, 
.sticky, 
.gallery-caption, 
.aligncenter{
max-width:100% !important; 
margin:0;
padding:0;
}
/*image align css*/
img{ 
height:auto;
border:none;
vertical-align:middle;
max-width:100%; 
border-style: none;
}
.alignnone{ 
width:100%;
}

.aligncenter, 
img.aligncenter { 
clear: both;
margin-top:0;
height:auto;
margin-left: auto;
margin-right: auto;
display: block;
}
img.alignright, 
.alignright{ 
border:1px solid #cccccc;
float:right;
padding:5px;
margin:0 0 0 15px;
}
img.alignleft, 
.alignleft{ 
margin:0 15px 0 0;
padding:5px;
float:left;
border:1px solid #cccccc;
}

/* = Heading tags
--------------------------------------------- */
h1, h2, h3, h4, h5, h6{ 
font-family: 'Teko', serif;
margin:0 0 20px;
padding:0;
line-height:1.1;
color:#303030;
font-weight:400;
letter-spacing:0.1px;
}
h1{ font-size:40px;}
h2{ font-size:32px;}
h3{ font-size:30px;}
h4{ font-size:24px;}
h5{ font-size:22px;}
h6{ font-size:18px;}

h1.entry-title{ 
font-size:40px;
position:relative;
font-weight:400;
margin-bottom:35px;
}

/*
Lists style CSS
---------------------------------*/
ol,
ul{ 
margin:0;
padding:0;
}
ul,
ol { 
margin:0;
padding: 0;
}
ul {
list-style: inside none disc;
}
ol {
list-style: decimal;
}
ul li ul, 
ul li ul li ul, 
ol li ol, 
ol li ol li ol{ 
margin-left:10px;
}

ul li,
ol li {
margin-bottom: 0;
margin-left: 1.5em;
}

#comment-nav-above .nav-previous, 
#comment-nav-below .nav-previous{ 
float:none !important;
margin:10px 0;
}
nav.pagination .page-numbers{ 
font-size:15px;
background-color:#ccc;
padding:10px 15px;
font-weight:600;
color:#444;
}
nav.pagination .page-numbers.current{
background-color:#efc62c;
}
.site-nav-previous, 
.nav-previous{ 
float:left;
}
.site-nav-next,
.nav-next{ 
float:right;
}
nav#nav-below{ 
margin-top:15px;
}

dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
audio:not([controls]) {	
display: none;
height: 0;
}

svg:not(:root) {
overflow: hidden;
}
a {	
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:active, 
a:hover {
outline-width: 0;
}
b, strong {	
font-weight: bold;
}
pre {
background-color: #eee;
padding:20px;
max-width: 100%;
font-size: 14px;
line-height: 1.4;
margin-bottom:25px;
overflow: auto;
}
iframe{
max-width:100%;
}
.breadcrumbs{
padding:10px 0;
margin-bottom:0;
}
nav.pagination{ 
clear:both;
}
/* = Default Button CSS
---------------------------- */
.button{
border:1px solid #404040;
color:#404040;
padding:10px 30px;
display:inline-block;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;
-ms-border-radius:25px;
}
.button:hover{ 
border:1px solid #812570;
color:#812570;
}
.learnmore{ 
display: inline-block;
background-color:#202020;
text-transform:uppercase;
font-weight:600;
color:#fff ;
font-size:16px;
padding:12px 35px;
border-radius:25px;
-moz-border-radius:25px;
-webkit-border-radius:25px;
-o-border-radius:25px;
-ms-border-radius:25px;
}
.learnmore:hover{ 
background-color:#812570;
color:#fff ;
}
a.blogreadmore{ 
background-color:#505050;
padding:5px 20px;
display:inline-block;
color:#fff ;
border-radius:3px;
}
a.blogreadmore:hover{ 
background-color:#404040;
color:#fff;
}
/* = Navigation Focus CSS
-------------------------------------------- */
#SiteWrapper a:focus,
button:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="button"]:focus,
input[type="month"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="week"]:focus,
input[type="submit"]:focus,
input[type="datetime-local"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="reset"]:focus,
input[type="color"]:focus,
textarea:focus {	
outline: thin dotted #812570;
}
#SiteWrapper .site-hdrmenu a:focus{
outline: thin dotted #000000;
}

/* = Site Header CSS
--------------------------------------------- */
.topstrip{ 
background-color:#060606; 
color:#fff;
position:relative;
}

.infobox{ 
display:inline-block;
font-size:16px;
line-height:45px;
font-weight:600;
margin:0 0 0 4%;
text-align:left;
color:#fff;
transition: all 300ms ease-out 0s;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
}
.infobox a{ 
color:#fff;
}
.infobox i{ 
float:left;
margin:8px 15px 0 0;
line-height:28px;
text-align:center;
font-size:18px;
color:#fff;
}
/* = Main site CSS
-------------------------------------------------------------*/
#SiteWrapper{ 
position:relative;
margin:0 auto;
overflow-x:hidden;
}
.container{ 
position:relative;
width:1170px;
margin:0 auto;
}
.site-header{ 
position: absolute;
width:100%;
z-index:999;
}
.site-header.innerpage_header{ 
position:relative;
box-shadow:0 1px 5px #F2F2F3;
}
.site-header.innerpage_header .topstrip{ 
background-color:#5d5c5c;
}
.logo {   
float: left;
padding: 32px 20px 32px 0;
width: 32%;
position: absolute;
text-align: left;
margin:-20px 0;
}

.logo::after {
left: -99999px;
position: absolute;
width: 99999px;
}
.logo::before {
bottom: 0;
content: "";
}
.logo, .logo::after, .logo::before {
background-color: #ffffff;
}
.logo::before {
position: absolute;
right: -35px;
top: 0;
transform: skew(-23deg);
width: 70px;
display: block;
border-radius: 100%;
}
.logo::after {
bottom: 0;
content: "";
top: 0;
}

.logo a{ 
color: #fff;
z-index:999;
position:relative;
}
.logo h1 {
font-size:45px;
margin:0;
font-weight:500;
}
.logo p{ 
color:#060606;
display:block;
}
.hdr_rightmenupart{ 
float:right;
text-align:right;
padding:25px 0;
max-width:62%;
}
.hdr-logo-menu{ 
position:relative;
background-color:#812570;
}
.hdrcontact_details{ 
text-align:right;
}

/* = Header Navigation CSS
--------------------------------------------------*/
#navigationpanel{ 
display:inline-block;
}
.site-hdrmenu {
display: block;
margin:0;
}
/* Styling the links */
.site-hdrmenu a {
font-size: 1.125rem;
color: #fff;
font-weight:600;
line-height:24px;
display: block;
padding: 0.75em 0.75em;
text-decoration: none;
box-sizing: border-box;
width: 100%;
white-space: normal;
}
/* Background color change on Hover */
.site-hdrmenu .menu a:hover,
.site-hdrmenu .menu a:focus { 	
color:#cf317c;
}
/* Set menu item's width to 100% */
.site-hdrmenu .menu li {
display: inline-block;
width: 100%;
}
/* Styling the toggle buttons */
.menu-toggle {
display: block;	
padding:5px;
color: #111;
font-size:14px;
text-decoration: none;
border: 1px solid #111;
border-radius: 4px;
position: absolute;
top:20px;
right:0;
z-index:999999;
}
.menu-toggle .dashicons {
vertical-align: text-bottom;
}
.menu-toggle .dashicons:before {
content: '\f228';
}
.toggled .menu-toggle {
background-color: #606060;
}
.toggled .menu-toggle .dashicons:before {
content: '\f158';
}
.dropdown-toggle {
background-color: transparent;
position: absolute;
top: 0.5em;
right: 0.5em;
color: #fff;
padding: 0.5em;
border: 1px solid transparent;
border-left: 1px solid #bbb;
border-radius: 0;
text-align: center;
}
.dropdown-toggle:hover,
.dropdown-toggle:focus {
border: 1px dashed;
}
.dropdown-toggle .dashicons {
font-size: 1.25rem;
}
.dropdown-toggle .dashicons:before {
content: '\f347';
color:#fff;
}
.toggled-on > .dropdown-toggle .dashicons:before {
content: '\f343';
color:#fff;
}
/* Hide Submenus by default using absolute positioning instead of display:none;
. */
.site-hdrmenu .menu,
.site-hdrmenu .menu li,
.site-hdrmenu .menu ul,
.site-hdrmenu .menu li:hover > ul,
.site-hdrmenu .menu li:focus > ul {
position: absolute;
top: 100%;
left: -9999em;
color: #000000;
margin: 0;
padding: 0;
}
/* Display the menu when clicked on Menu Toggle */
.toggled .menu {
position: relative;
top: 0;
left: 0;
background-color:#444;
display: block;
}
.toggled .menu li {
position: relative;
left: unset;
border-bottom:1px solid #bbb;
}
.toggled .menu li > .sub-menu {
display: none;
}
.toggled .menu .toggled-on > .sub-menu {
position: relative;
left: 0;
display: block;
top: 100%;
}
.site-hdrmenu .menu ul a,
.site-hdrmenu .menu ul ul a {
padding: 1.25em 0.75em;
}
.site-hdrmenu .menu ul a {
padding: 0.75em 1.25em;
}
.site-hdrmenu .menu ul ul a {
padding: 1.25em 1.75em;
}
.site-hdrmenu .menu ul a,
.site-hdrmenu .menu ul ul a {
padding: 1.25em 1.75em;
}

@media screen and (min-width: 981px) {
/*
5. Navigation
5.1 Links	
*/
/* 5.2 Menus */
.menu-toggle,
.dropdown-toggle {
display: none;
}
.site-hdrmenu {
align-items: start;
}
.site-hdrmenu .primary-menu,
.site-hdrmenu .social-menu {
position: static;
}
.site-hdrmenu .social-menu {
border-left: 1px solid #bbb;
}
.site-hdrmenu .menu li {
position: relative;
width: auto;
left: unset;
}
.site-hdrmenu .menu ul li:first-child {
border-top: 0;
}
.site-hdrmenu .menu a{
font-size: 1.100rem;
padding: 0.95em 0.85em;
}
.site-hdrmenu .menu ul a,
.site-hdrmenu .menu ul ul a {	
padding: 0.65em 0.65em;
border-bottom:1px solid #eee;
}
/* Hide Dropdowns by Default
* and giving it a position of absolute */
.site-hdrmenu .menu ul {
position: absolute;
top: 100%;
left: -9999em;
background-color:#812570;
text-align:left;
}
/* Display Dropdowns on hover and focus */
.site-hdrmenu .menu li:hover > ul,
.site-hdrmenu .menu li:focus > ul,
.site-hdrmenu .menu li.focus > ul {
left: 0;
}
/* First Tier Dropdown */
.site-hdrmenu .menu ul li {
position: relative;
width: 190px;
}
/* Second, Third and more Tiers	
* We move the 2nd and 3rd etc tier dropdowns to the left
* by the amount of the width of the first tier.
*/
.site-hdrmenu .menu li li:hover > ul,
.site-hdrmenu .menu li li:focus > ul,
.site-hdrmenu .menu li li.focus > ul {
top: 0;
left: 100%;
}
.site-hdrmenu .menu ul a:hover,
.site-hdrmenu .menu ul a:focus { 	
color: #cf317c;
}
.menu-item-has-children > a:after,
.page_item_has_children > a:after {
font-family: dashicons;
content: '\f347';
vertical-align: bottom;
margin-left: 0.25em;
}
.menu-item-has-children .menu-item-has-children > a:after,
.menu-item-has-children .page_item_has_children > a:after,
.page_item_has_children .menu-item-has-children > a:after,
.page_item_has_children .page_item_has_children > a:after {
content: '\f345';
font-family: dashicons;
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
}
}


/* = Page layout css
------------------------------------------ */
.CGym_content-70{ 
width:70%;
float:left;
margin:0;
padding:0 5% 0 0;
}
.kidsiPro_pagestyling{
padding:30px;
 -webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}

.CGym_content-70 ul, 
.CGym_content-70 ol{ 
margin:0 0 20px 20px;
}
.CGym_content-70 ul li, 
.CGym_content-70 ol li{ 
margin:0;
}
.CGym_content-70 ul ul, 
.CGym_content-70 ol ol{ 
margin:0 0 0 30px;
}
.fullwidth{ 
width:100% !important;
float:none  !important;
padding:0 !important;
}
.fullwidth p{ 
margin-bottom:15px;
}
.boxlayout{ width:1210px;
margin:0 auto;
background-color:#fff;
position:relative;
box-shadow:0 -8px 8px #111;
}
.fulllayout{ 
width:100% !important;
}
#CGym_Tabnavi_hdr{ 
padding:50px 0;
}
#CGym_Tabnavi_hdr p{ 
margin-bottom:25px;
}
.slider_wrapper{ 
position:relative;
}
h2.sectiontitle{
font-size:40px;
margin-bottom:50px;
font-weight:600;
position:relative;
text-align:center;
}
.last_column{
clear:right;
margin-right:0 !important;
}
.CGym_content-70 a{ 
font-weight:bold;
text-decoration:underline;
}

/* = About Section
-------------------------------------- */
#site-sections1{ 
padding:100px 0 0; 
background-color:#ffffff;
}
.about-imgbxleft{ 
float:left;
width:45%; 
margin:0;  
position:relative; 
padding:0 5% 0 0;
max-height:690px;
overflow:hidden;
}
.about-imgbxleft img{ 
width:100%; 
object-fit: cover; 
display:block; 
position:relative; 
z-index:999;
}
.about-contentbxright{ 
width:50%; 
margin:0;  
padding:0 0 50px 0; 
float:right; 
}
.about-contentbxright h3{ 
font-size:48px;
font-weight:700;
position:relative;
line-height:50px;
padding:0;
margin:0 0 30px 0;
}
.about-contentbxright p{ 
margin-bottom:25px;
}
h4.sub_title{ 
color:#812570 ;
font-size:22px;
text-transform:uppercase;
}
h5.quote{ 
background-color:#f7f7f7; 
font-size:30px; 
line-height:35px; 
font-weight:500; 
padding:30px; 
margin:0 0 40px 0; 
border-radius:6px;
}



/* = Video Section CSS
----------------------------------------- */
#site-sections2{ 
padding:100px 0 210px; 
background-color:#f6f6f6;
}
.video_title{ 
float:left; 
width:40%; 
margin-bottom:60px;
}
.video_title h2{ 
font-size:66px; 
line-height:55px; 
font-weight:500; 
margin:0;
}
.video_description{ 
float:right; 
width:55%; 
padding-left:5%; 
border-left:2px solid #812570;
}
.videoFullimg{ 
width:100%; 
border-radius:10px; 
height:500px; 
overflow:hidden; 
position:relative;
}
.videoFullimg img{ 
width:100%;
}

.videobox .playbtn{
background-color:#ffffff; 
border-radius:100%; 
text-align:center; 
width:85px; 
height:85px; 
left:0; 
right:0; 
margin:0 auto; 
top:50%; 
transform:translateY(-50%);
position:absolute;
}
.videobox .playbtn:after{ 
position: relative; 
top: 0; 
left:0px; 
font-family: 'Font Awesome 5 Solid';  
content: '\f04b'; 
font-size:20px; 
color:#812570; 
text-align: center; 
line-height:85px;
}
p:empty{ 
display:none;
}
.videobox:hover .playbtn{ 
background-color:#fa2a08;
}
.videobox:hover .playbtn:after{
color:#fff;
}



/* = Four column Section CSS
----------------------------------------- */
#site-sections3{ 
position:relative;
background-color: transparent;
 margin-bottom:25px;
}

#site-sections3 .container{ 
position:relative;
padding:70px 50px;
background-color:#fff;
margin-top:-100px;
box-shadow:0 5px 25px #e9e7e7;
border-radius:15px;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-o-border-radius:15px;
-ms-border-radius:15px;
}

h2.section_title{ 
text-align:center; 
margin-bottom:0; 
font-size:45px;
}
.subtitle{ 
font-size:17px; 
color:#494848; 
text-align:center; 
margin-bottom:40px;
}

.sr-column-25{ 
width: 21%; 
float:left; 
position:relative; 
margin:0;
margin-right:5%;
padding:15px; 
text-align:center;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-o-border-radius:8px;
-ms-border-radius:8px;

}
.sr-column-25:hover{ 
background-color:#f8f8f8;
}
.sr-column-25 h4{ 
margin:0 0 15px;
font-size:20px;
font-family:'Poppins', sans-serif;
}
.sr-column-25 h4 a{ 
color:#282828
}
.sr-column-25 .iconbox{
position:relative; 
margin-bottom:20px;
}
.sr-column-25 .iconbox img{ 
vertical-align: top; 
object-fit: cover;
}

.sr-column-25:hover h4 a{ 
color:#812570
}
.sr-column-25:hover a.morebtnstyle2:after{ 
background-color:#812570
}

a.morebtnstyle2{ 
padding: 0; 
margin: 20px 0 0 0; 
display: inline-block; 
font-weight: 600;
}
a.morebtnstyle2:after{ 
width:35px; 
height:35px; 
line-height:35px; 
top: -5px; 
text-align:center; 
content: "\f105"; 
font-size:14px; 
position:relative; 
font-family: 'Font Awesome 5 Solid'; 
margin:0 0 0 10px; 
float:right; 
border-radius:100%;
-moz-border-radius:100%;
-webkit-border-radius:100%;
-o-border-radius:100%;
-ms-border-radius:100%; 
border:solid 1px #e8e8e8; 
color:#e8e8e8;
}
a.servicesemore{ 
background-color:#812570; 
color:#fff; 
padding:15px 40px; 
display:inline-block; 
font-size:18px;
text-transform:uppercase;
border-radius:40px;
-moz-border-radius:40px;
-webkit-border-radius:40px;
-o-border-radius:40px;
-ms-border-radius:40px; 

}
a.servicesemore:hover{ 
background-color:#333333; 
color:#fff; 
}
.sr-column-descbx{ 
margin:0 auto; 
padding:0; 
position:relative; 
}


/* = Sidebar CSS
------------------------------------ */
#sidebar{
position:relative; 
width:30%;
float:right;
padding:0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px; 
}
aside.widget{ 
margin-bottom:20px;
padding:0;
}
aside.widget ul{ 
list-style:disc inside;
}
h3.widget-title{ 
position:relative;
font-size:28px;
font-weight:500;
padding:0;
margin:0 0 20px 0;
color:#000;
}

#sidebar ul li, 
#sidebar ol li{ 
list-style:none;
margin:0;
padding:8px 10px 8px 0;
border-bottom:1px solid #eee;
line-height:24px;
}
#sidebar ul li:hover, 
#sidebar ol li:hover {
padding-left:10px;
transition: all 300ms ease-out 0s;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
}		
#sidebar ul li a, 
#sidebar ol li a{ 
color:#3b3b3b;
}
#sidebar ul li a:hover,
#sidebar ol li a:hover{ 
color:#812570;
}
#sidebar ul li:last-child,
#sidebar ol li:last-child{ 
border:none;
}
aside .textwidget, 
#sidebar .gallery, 
aside.widget_media_image{ 
padding:20px;
background-color:#fff;
box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.1);
}
/*sidebar search form css*/
#sidebar .search-form{ 
margin-bottom:20px;
}
#sidebar .search-form input.search-field{ 
background-color:#fff;
width:80%;
padding: 13px 15px 13px 15px;
border:1px solid #ddd;
}
#sidebar .search-form input.search-submit{ 
background:url(images/search-icon.png) no-repeat center center #efc62c;
float:right;
padding: 12px 0 12px 0;
font-size:0;
height:43px;
width:20%;
border:0;
}
#sidebar .comment-author-link a{ 
text-transform: capitalize;
}

/* = Blog post styles
-------------------------------------------------------------- */
.Bpostsbxstyle{ 
margin:0 0 50px 0;
-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
}
.CGblog_content_style{ 
padding:30px;
}

.Bpostsbxstyle .blgimagebx{ 
position:relative;
margin:0;
}
.Bpostsbxstyle .blgimagebx img{ 
width:100%;
height:auto;
transition: all 300ms ease-out 0s;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
}

.Bpostsbxstyle .blgimagebx.imgLeft{ 
width:35%; 
float:left;
margin-right:5%;
padding:30px 0 0 30px;
}

.Bpostsbxstyle h3, h3.single-title{ 
margin-bottom:15px;
font-size:28px;
font-weight:400;
}
.Bpostsbxstyle h3 a{ 
color:#484f5e;
font-weight:500;
}
.Bpostsbxstyle h3 a:hover{ 
color:#efc62c;
}
.Bpostsbxstyle p{ 
margin-bottom:20px;
}
.blog-meta{ 
font-style:italic;
margin-bottom:8px;
}
.post-date, 
.post-comment, 
.post-categories, 
.edit-link{ 
display:inline;
color:#333;
font-weight:600;
margin:0 10px 0 0;
} 
.single_title{ 
margin-bottom:5px;
}
body.single-post .Bpostsbxstyle { 
width:100%;
float:none;
margin:0 0 25px;
}
.blog_postmeta{ 
margin-bottom:15px;
color:#888;
}
.blog_postmeta a{ 
color:#999;
}
.blog_postmeta a:hover{ 
color:#812570;
}
.morebutton{ 
background-color:#505050;
color:#fff;
padding:7px 20px;
font-weight:600;
display:table;
text-decoration:none !important;
margin-top:15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
.morebutton:focus{
outline:thin dotted #000 !important;
}

.morebutton::after{ 
content: "\f0a9";
font-family: 'Font Awesome 5 Solid';
margin-left:10px;
font-size:16px;
color:#fff;
}

.morebutton:hover{
 background-color:#303030;
color:#fff;
}

/* = Grid type Blog post styles with sidebar
------------------------------------------ */
.gridlayout .Bpostsbxstyle{ 
margin:0 0  25px 0;
padding: 0 20px 0 0;
width:50%;
float:left;
}

/* = Grid type Blog post styles without sidebar
---------------------------------------- */
.fullwidth .Bpostsbxstyle{ 
margin:0 0 25px 0;
padding:0 50px 0 0;
}

/* = Site Footer css
-------------------------------------------- */
.site-footer{ 
background-color:#0b0b0b;
position:relative;
padding:0;
color:#eeeeee;
}
.site-footer h5{ 
position:relative;
margin-bottom:30px;
font-size:30px;
font-weight:400;
color:#f2f2f2;
}

.site-footer .widget{ 
padding:50px 0 50px;
}
.fwcolumn-1{ 
width:23%;
float:left;
margin:0 3% 0 0;
}
.fwcolumn-2{ 
width:23%;
float:left;
margin:0 3% 0 0;
}
.fwcolumn-3{ 
width:23%;
float:left;
margin:0 3% 0 0;
}
.fwcolumn-4{ 
width:22%;
float:left;
margin:0;
}
.site-footer ul{ 
margin:0;
padding:0;
}
.site-footer ul li { 
padding:0 0 8px 0;
margin:0;
list-style:none;
color:#c1c0c0;
}
.site-footer ul li a { 
color:#eeeeee;
}
.site-footer ul li::before{ 
content: "\f105";
font-family: 'Font Awesome 5 Solid';
margin-right:15px;
font-size:16px;
color:#fff;
}
.site-footer ul li a:hover, 
.site-footer ul li.current_page_item a { 
color:#812570;
}
.footer-fix{ 
border-bottom:1px solid #434343;
}

.footericons{ 
margin:0; 
padding:0;
}
.footericons a{ 
background-color:#434343; 
color:#fff; 
width:45px; 
height:45px; 
line-height:45px;
margin:0 2px; 
padding:0; 
display:inline-block; 
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
.footericons a:hover{
background-color:#812570;
}

/* = Footer Copyrigh wrapper css
-------------------------------------------- */
.copyrigh-wrapper{ 
text-align:center;
padding:25px 0;
position:relative;
color:#fff;
}

.copyrigh-wrapper a:hover{ 
color:#fff;
}
.fcopy-left50{ 
float:left;
}
.fcopy-right50{ 
float:right;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
padding: 0;
position: absolute !important;
width: 1px;
overflow: hidden;
word-wrap: normal !important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
background-color: #f1f1f1;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#CGym_Tabnavi_hdr[tabindex="-1"]:focus {
outline: 0;
}


/* = Comment Form css
--------------------------------------------- */
.kidsiPro_comment_style{
-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
padding:30px;
margin-bottom:50px;
}
#respond.comment-respond{
-webkit-box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.1);
padding:30px;
}


h1.screen-reader-text{
font-family: 'Assistant', sans-serif;
font-size:22px;
}
h3#reply-title{ 
font-size:20px;
}
#comments{ 
margin:30px 0 0;
padding:0;
}

ol.commentlist{
list-style:none;
}
#commentform p{
margin:5px 0;
}
#commentform label{
display:block;
}
#commentform input#email, 
#commentform input#url, 
#commentform input#author, 
#commentform textarea,
#commentform input
#eazycfc_captcha{
max-width:96%;
border:1px #ccc solid;
padding:5px 2%;
}
#commentform input#submit{ 
background-color:#32373a;
border:none;
color:#fff;
display:inline-block;
cursor:pointer;
border-radius:5px;
padding:12px 25px;
text-transform:uppercase;
}
#commentform input#submit:hover{
background:#34c6f6;
color:#fff;
}
.form-allowed-tags{
display:none;
}
.entry-content table, 
.comment-body table{ 
border-collapse:collapse;
margin:10px 0;
}
.entry-content table td, 
.entry-content table th, 
.comment-body table td, 
.comment-body table th{
padding:10px 5px;
text-align:left;
}
.entry-content table th, 
.comment-body table th{
color:#676767;
font:normal 18px Oswald;
border-bottom:1px #888 solid;
}
.entry-content table td, 
.comment-body table td{
border-bottom:1px #ccc solid;
}
.fvch-codeblock:hover .comment-form-url{
display:block !important;
}
.commentlist, 
ol.commentlist {
background-color:#fff;
padding:10px 0;
list-style:none;
box-shadow:0 0 5px #ddd;
-moz-box-shadow:0 0 5px #ddd;
-webkit-box-shadow:0 0 5px #ddd;
-khtml-box-shadow:0 0 5px #ddd;
margin:10px 0;
}
.commentlist li, 
ol.commentlist li { 
list-style:none;
background-image:none !important;
padding:0px 15px;
}


.commentlist article, 
.commentlist li.bypostauthor li article, 
ol.commentlist li.bypostauthor li article { 
border:none !important;
padding:10px;
position:relative;
background-color:#fff;
}
.commentlist li.bypostauthor article, 
ol.commentlist li.bypostauthor article { 
background:#f9ffe1;
}
.commentlist li .fn { 
font-weight:normal;
font-size:15px;
font-style:normal;
}

img.avatar { 
vertical-align:middle;
position:static;
display:inline-block;
border:5px solid #ccc;
}

.commentlist article a time { 
padding:5px 0 10px;
font-size:13px;
clear:both;
font-style:italic;
}
.comment-edit-link{ 
padding:2px 15px;
font-style:italic;
}
.commentlist .reply a, 
ol.commentlist .reply a { 
display:block;
padding:10px;
text-align:center;
background:#f6f6f6;
margin:5px 0;
border:1px #ddd solid;
}

/* = WooCommerce CSS
------------------------------------------ */
a.added_to_cart{
background:#e1472f;
padding:5px;
display:inline-block;
color:#fff;
line-height:1;
}
a.added_to_cart:hover{
background:#000000;
}
a.button.added:before{
content:'' !important;
}
#bbpress-forums ul li{
padding:0;
}
#subscription-toggle a.subscription-toggle{
padding:5px 10px;
display:inline-block;
color:#e1472f;
margin-top:4px;
}
textarea.wp-editor-area{
border:1px #ccc solid;
}
.woocommerce input[type=text], 
.woocommerce textarea{
border:1px #ccc solid;
padding:4px;
}
form.woocommerce-ordering select{ 
padding:5px;
color:#777777;
}
.woocommerce table.shop_table th, 
.woocommerce-page table.shop_table th{ 
color:#ff8a00;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price{ 
color:inherit !important;
}
h1.product_title, p.price{ 
margin-bottom:10px;
}
.woocommerce table.shop_table th, 
.woocommerce-page table.shop_table th{ 
color:#ff6d84;
}
.woocommerce ul.products li{ 
text-align:center;
}
.woocommerce ul.products li, 
#payment ul.payment_methods li{ 
list-style:none !important;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price{ 
color:inherit !important;
}
.woocommerce table.shop_table th, 
.woocommerce table.shop_table td{ 
border-bottom:0px !important
}
.woocommerce-Price-amount.amount{
font-size:14px !important;
}
.woocommerce div.product .product_title{ 
padding-bottom:20px !important;
}
.woocommerce div.product form.cart{ 
margin-top:15px !important;
}
.woocommerce .quantity .qty{ 
padding:7px;
border:1px solid #ccc;
}

/* = Contact Form 7 css
----------------------------------------------- */
.wpcf7{ 
margin:30px 0 0;
padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
width:40%;
border:1px solid #cccccc;
box-shadow:inset 1px 1px 2px #ccc;
color:#797979;
margin-bottom:0;
height:35px;
padding:0 15px;
}
.wpcf7 textarea{
width:60%;
height:160px;
font-size:12px;
border:1px solid #cccccc;
box-shadow:inset 1px 1px 2px #ccc;
color:#797979;
margin-bottom:25px;
padding:10px;
padding-right:0;
}
.wpcf7 input[type="submit"]{
background-color:#efc62c;
cursor:pointer;
color:#ffffff;
padding:12px 40px;
border-radius:25px;
font-size:16px;
width:auto;
border:none;
text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
background-color:#101010;
}