/*
Theme Name: CrossFit Gym
Theme URI: https://gracethemes.com/themes/free-gym-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: CrossFit Gym is a creative and responsive, feature-rich and user-friendly, impressive and high-performance fresh and dynamic free gym WordPress theme for any kind of fitness and health related projects. This theme is a perfect platform for building an elegant website for fitness club, gym, health spa, personal trainer, yoga studios and any similar fitness website. This is a multi-concept and multipurpose theme that suits a different type of business and project ideas. Its goal is to create an online space and comfortable website for your fitness cub. Demo: http://www.gracethemesdemo.com/crossfit-gym/
Version: 1.1
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: crossfit-gym
Requires PHP:  5.6
Tested up to: 6.0
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
CrossFit Gym WordPress Theme has been created by Grace Themes(gracethemes.com), 2021.
CrossFit Gym 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 #f5c404 ; 
  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 #f5c404;
color:#f5c404;
}
.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:#f5c404;
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 #f5c404;
}
#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;
}
.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:#f5c404;
}
.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:#f5c404;
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;
}
.crossFit_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:#f5c404 ;
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 #f5c404;
}
.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:#f5c404; 
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:#f5c404
}
.sr-column-25:hover a.morebtnstyle2:after{ 
background-color:#f5c404
}

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:#f5c404; 
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:#f5c404;
}
#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:#f5c404;
}
.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:#f5c404;
}
.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:#f5c404;
}

/* = 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
--------------------------------------------- */
.crossFit_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;
}