/*
	Theme Name: Chris Loh
	Theme URI: https://clohofficial.com/
	Description: Custom theme made for Chris Loh Official
	Version: 2.0
	Author: Jonathan Joseph Limoanco (jonathan@bluenimbus.com)
	Author URI: https://bluenimbus.com
	Tags: HTML5, CSS3, Custom

*/

body, html {
    padding: 0px; 
    margin: 0px; 
    min-width: 1100px; 
    margin-left: auto;
    margin-right: auto;
    overflow-x: hidden; 
    font-size: 16px; 
    line-height: 24px; 
    font-family: 'Poppins'; 
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Poppins'; 
    line-height: 100%; 
}
input {
    font-family: 'Poppins'; 
    line-height: 100%; 
}
div.inside {
    width: 1050px;
    margin-left: auto;
    margin-right: auto; 
}
a {
    text-decoration: none; 
}

/*------------------------------------*\
	Header
\*------------------------------------*/

#header div.inside {
    padding-top: 15px; 
    padding-bottom: 15px; 
    display: grid;
    grid-template-columns: 20% 80%; 
    justify-content: flex-start; 
    align-items: center; 
}
#header div.right {
    text-align: right; 
}
div.top ul {
    display: grid;
    grid-template-columns: repeat(3,auto); 
    margin: 0px; 
    padding: 0px; 
    justify-content: flex-end; 
    column-gap: 35px; 
    padding-bottom: 6px; 
}
div.top li {
    list-style-type: none;
    margin: 0px; 
    padding: 0px; 
    font-size: 14px; 
}
div.top li:first-child a {
    text-transform: uppercase;
    color: rgba(0,0,0,0.5); 
}

div.top li:last-child a {
    background-color: #257cbf; 
    color: #fff;
    padding-left: 20px; 
    padding-right: 20px;
    padding-top: 3px; 
    padding-bottom: 3px; 
    border-radius: 12px; 
    display: inline-block; 
    font-size: 12px; 
    font-weight: 500; 
    line-height: 150%;  
}
div.top li:last-child a:hover {
    background-color: #000; 
    color: #fff !important; 
}
div.top li:nth-child(2) a:hover {
    text-decoration: underline; 
} 
div.top li a {
    color: #257cbf;
    font-weight: 500; 
    font-size: 14px; 
}
div.nav li i.wpmenucart-icon-shopping-cart-0 {
    font-size: 22px; 
}
div.nav span.cartcontents {
    background-color: #257cbf;
    color: #fff;
    font-size: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    position: relative;
    z-index: 5;
    left: -13px;
    top: -9px;
    margin-right: -13px;
}
div.nav ul {
    display: grid;
    grid-template-columns: repeat(7,auto);
    margin: 0px; 
    padding: 0px; 
    justify-content: flex-end; 
    column-gap: 45px; 
    padding-top: 10px; 
}
div.nav li {
    list-style-type: none;
    margin: 0px; 
    padding: 0px; 
}
div.nav li a {
    font-size: 19px; 
    color: #000; 
    font-weight: 500; 
}
#header a:hover {
    color: #257cbf; 
}

/*------------------------------------*\
	Dropdowns
\*------------------------------------*/

div.nav ul ul{
	display: none;
	position: absolute;
	text-align: left;
	padding: 0px;
	z-index: 50000;
	margin-top: 0px;
	margin-right: 0px;
	color: #FFFFFF;
	margin-bottom: 0px;
	float: right;
	padding-top: 0px; 
    box-shadow: 0px 44px 68px -57px rgba(0,0,0,0.75);
}
div.nav ul ul li:hover {
	display: block;
}
div.nav ul li:hover ul{
	display: block;
}
div.nav ul li:hover ul li a{
	display: block;
}
div.nav li li{
	margin-bottom: 0px;
	list-style-position: inside;
	color: #FFF;
	display: block;
}
div.nav li li:first-child {

}
div.nav li li a {
	color: #FFF !important;
	background-position: left; 
    padding-top: 5px !important; 
    padding-bottom: 5px !important; 
    padding-left: 20px; 
    padding-right: 20px; 
    display: block;
    width: auto; 
    background-color: rgb(200,200,200); 
    font-size: 14px; 
}
div.nav li li a:hover {
	color: #257cbf !important;
    border-bottom: none !important; 
}
div.nav li li:last-child a {
	padding-bottom: 15px !important; 	
}
div.nav li li.current_page_item a {
	color: #257cbf !important;
    border-bottom: none !important; 
}
div.nav li.current_page_item li a {
    color: #fff !important;
    border-bottom: none !important; 
}
div.nav li.current_page_item li a:hover {
    color: #257cbf !important;
}
div.nav li li:first-child a {
    padding-top: 15px !important; 
}




/*------------------------------------*\
	Hero
\*------------------------------------*/

#hero div.inside {
    padding-top: 25px; 
    padding-bottom: 0px;
    display: grid;
    grid-template-columns: 60% 40%; 
    align-items: flex-start;
    min-height: 600px; 
}
#hero div.inside div.left div.pt-cv-content {
	width: 95%; 
}

/*------------------------------------*\
	Divider
\*------------------------------------*/

#divider hr {
    width: 1050px; 
    margin-left: auto;
    margin-right: auto; 
    position: relative;
    z-index: 1;
    opacity: 0.15; 
    border-top: 1px solid #000;
    border-left: none;
    border-right: none;
    border-bottom: none; 
}
#divider hr.thin {
    width: 65px; 
    border-top: 8px solid #257cbf; 
    border-bottom: none; 
    border-left: none; 
    border-right: none; 
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 5; 
    margin-top: -12px; 
    opacity: 1; 
}

/*------------------------------------*\
	Content
\*------------------------------------*/

#content div.inside {
    padding-top: 45px; 
    padding-bottom: 45px;
    display: grid;
    grid-template-columns: auto 20%; 
    column-gap: 50px; 
    align-items: flex-start; 
    min-height: 1000px; 
}
#content div.inside div.right {
    padding-bottom: 50px; 
}
#content div.right p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 5px;
}
#content div.inside .pt-cv-ifield > *, .pt-cv-view .pt-cv-content-item > * {
    margin-bottom: 0px; 
}

/*------------------------------------*\
	Shop
\*------------------------------------*/

#shop div.inside {
    padding-top: 45px; 
    padding-bottom: 45px; 
    min-height: 600px; 
}
#shop div.inside div.top {
    display: grid;
    grid-template-columns: repeat(2,auto); 
    align-content: flex-start;
}
#shop div.inside div.top div.right {
    text-align: right; 
}
#shop div.right a {
    background-color: #257cbf; 
    color: #fff;
    padding-left: 15px; 
    padding-right: 15px;
    padding-top: 3px; 
    padding-bottom: 3px; 
    border-radius: 12px; 
    display: inline-block; 
    font-size: 12px; 
    font-weight: 500; 
}
#shop h3 {
    font-size: 36px; 
    color: #257cbf; 
    font-weight: 600;
    margin: 0px; 
    line-height: 36px; 
}
#shop div.shopcontent a.button {
    display: none; 
}
#shop div.shopcontent {
    padding-top: 50px; 
    display: block; 
}
#shop div.shopcontent h2.woocommerce-loop-product__title {
    color: #000; 
    font-size: 20px; 
    line-height: 24px; 
    font-weight: 500; 
}
#shop div.shopcontent span.woocommerce-Price-amount {
    color: #000;
    font-size: 18px; 
    line-height: 24px; 
}

/*------------------------------------*\
	Callout
\*------------------------------------*/

#callout {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 470px 470px; 
    align-items: flex-end; 
    padding: 0px;
    max-height: 470px; 
    overflow: hidden; 
}
#callout div.text {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5; 
    width: 1050px; 
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px; 
    color: #fff; 
    padding-top: 0px; 
}
#callout div.img {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1; 
    background-color: #000; 
}
#callout div.img img {
    width: 100%;
    height: auto; 
    opacity: 0.9; 
    display: block; 
}
#callout a {
    background-color: #257cbf; 
    color: #fff;
    padding-left: 15px; 
    padding-right: 15px;
    padding-top: 3px; 
    padding-bottom: 3px; 
    border-radius: 12px; 
    display: inline-block; 
    font-size: 14px; 
    font-weight: 500; 
}
#callout h4 {
    font-size: 54px; 
    line-height: 130%; 
    margin-top: 0px; 
    margin-bottom: 0px; 
    display: block; 
}
#callout em {
    font-style: normal;
    font-size: 18px; 
    display: block; 
    font-weight: 600; 
}

/*------------------------------------*\
	Footer 
\*------------------------------------*/

#footer div.inside {
    padding-top: 45px; 
    padding-bottom: 45px; 
    display: grid;
    grid-template-columns: repeat(5,auto);
    justify-content: flex-start; 
    column-gap: 75px; 
}
#footer div.inside ul {
    padding: 0px; 
    margin: 0px; 
}
#footer div.inside ul li {
    list-style-type: none; 
    margin: 0px;
    padding: 0px; 
}
#footer div.inside div.four ul {
    display: grid;
    grid-template-columns: repeat(4,auto); 
    column-gap: 15px; 
}
#footer div.inside div.one {
    padding-right: 30px; 
}
#footer h6 {
    font-size: 20px; 
    line-height: 20px; 
    margin-top: 0px; 
    margin-bottom: 30px; 
    font-weight: 600; 
    color: #a3a3a3;
}
#footer li {
    list-style-type: none; 
    font-weight: 400; 
}
#footer li a {
    color: #a3a3a3; 
    font-size: 14px; 
    line-height: 200%; 
}
#footer li a:hover {
    color: #257cbf; 
}
#footer li i {
    font-size: 20px; 
}
#footer div.one img {
    opacity: 0.5; 
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}

/*------------------------------------*\
	Inside Pages 
\*------------------------------------*/

#insidehero {
    width: 100%; 
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 250px 250px;  
    max-height: 250px; 
    overflow: hidden; 
    align-items: center;
}
#insidehero div.text {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 5; 
}
#insidehero div.text h1 {
    text-align: center; 
    color: #fff; 
    font-size: 36px; 
    line-height: 36px; 
}
#insidehero div.img {
    grid-column-start: 1; 
    grid-column-end: 2; 
    grid-row-start: 1; 
    grid-row-end: 2; 
    z-index: 1; 
    background-color: #000;
}
#insidehero div.img img {
    width: 100%;
    height: auto; 
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%); 
    object-fit: cover;
    object-position: center; 
    opacity: 0.5; 
}
#content.inner div.inside a {
    color: #257cbf; 
}
#content.inner div.inside a:hover {
    text-decoration: underline; 
}

/*------------------------------------*\
	Forms 
\*------------------------------------*/

#content.inner div.inside input[type="text"] {
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    font-family: inherit; 
    font-size: 16px; 
    line-height: 24px; 
}
#content.inner div.inside input[type="email"] {
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    font-family: inherit; 
    font-size: 16px; 
    line-height: 24px; 
}
#content.inner div.inside input[type="password"] {
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    font-family: inherit; 
    font-size: 16px; 
    line-height: 24px; 
}
#content.inner div.inside input[type="number"] {
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    font-family: inherit; 
    font-size: 16px; 
    line-height: 24px; 
}
#content.inner div.inside input[type="tel"] {
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    font-family: inherit; 
    font-size: 16px; 
    line-height: 24px; 
}
#content.inner div.inside textarea {
    border: 1px solid rgba(0,0,0,0.15); 
    padding-left: 9px; 
    padding-right: 9px; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    font-family: inherit; 
    font-size: 16px; 
    line-height: 24px; 
}
#content.inner div.inside input[type="submit"] {
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: inherit;
    font-size: 14px;
    line-height: 24px;
    color: #fff;
    background-color: #257cbf;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
}
#content.inner div.inside input[type="submit"]:hover {
    background-color: #000; 
}
.select2-container--default .select2-selection--single {
    border: 1px solid rgba(0,0,0,0.15) !important; 
    padding-left: 9px; 
    padding-right: 9px; 
    padding-top: 6px; 
    padding-bottom: 6px; 
    font-family: inherit; 
    font-size: 16px; 
    line-height: 24px; 
    height: 37px !important;
}

/*------------------------------------*\
	Page Downloads 
\*------------------------------------*/

#content.downloads ul {
    padding: 0px; 
    margin: 0px; 
}
#content.downloads li {
    list-style-type: none; 
    padding: 0px; 
    margin: 0px; 
    display: grid;
    grid-template-columns: 35% auto; 
    align-items: center;
    column-gap: 25px; 
    grid-row-gap: 50px; 
    border-bottom: 1px solid rgba(0,0,0,0.15); 
    padding-bottom: 15px; 
    margin-bottom: 25px; 
}
#content.downloads li:last-child {
    border-bottom: none; 
}
#content.downloads li div.dleft img {
    width: 100%;
    height: auto; 
}
#content.downloads li div.dright a {
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: #257cbf;
    text-transform: uppercase;
    font-weight: 600;
}
#content.downloads li  div.dright a:hover {
    background-color: #000; 
}
#content.downloads li div.dright h2 {
    margin-top: 0px; 
    margin-bottom: 9px; 
    font-size: 16px; 
    font-weight: 500; 
    
}

/*------------------------------------*\
	Travel Page
\*------------------------------------*/

#content.travel div.inside ul {
    padding: 0px; 
    margin: 0px; 
}
#content.travel div.inside li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
    margin-bottom: 15px; 
    padding-bottom: 15px; 
    border-bottom: 1px solid rgba(0,0,0,0.15); 
}
#content.travel div.inside li:last-child {
    border-bottom: none; 
}
#content.travel div.inside li div.img {
    max-height: 350px; 
    overflow: hidden; 
    width: 95%; 
}
#content.travel div.inside li div.img img {
    width: 100%;
    height: auto;
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translate(-50%);
    object-fit: cover;
    object-position: center; 
}
#content.travel div.inside li p a {
    border: none;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: inherit;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
    background-color: #257cbf;
    text-transform: uppercase;
    font-weight: 600;
}
#content.travel div.inside li p a:hover {
    background-color: #000; 
}

/*------------------------------------*\
	Account Page
\*------------------------------------*/

#content.account div.inside #wpmem_login legend, #wpmem_reg legend {
    display: none; 
}
#content.account div.inside #wpmem_login label, #wpmem_reg label {
    display: block !important;
    margin-bottom: 9px; 
}
#content.account div.inside #wpmem_login .button_div, #wpmem_reg .button_div {
    text-align: left !important; 
}
#content.account div.inside #wpmem_login legend, #wpmem_reg legend {
    display: none; 
}
#content.account div.inside #wpmem_login label, #wpmem_reg div.button_div label {
    display: inline-block !important; 
}
div.button_div  input.buttons {
    display: block !important; 
}
#content.account div.inside #wpmem_login .link-text {
    text-align: left; 
}
#content.account div.inside .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none !important;
    padding: 0px !important; 
    margin: 0px; !important; 
}
/*------------------------------------*\
	Woocommerce Pages
\*------------------------------------*/

#content.wooshop div.inside {
    display: block; 
}
#content.wooshop div.inside form.woocommerce-ordering {
    display: none; 
}
#content.wooshop div.inside nav.woocommerce-breadcrumb {
    display: none; 
}
#content.wooshop div.inside li.product a.button {
    display: none; 
}
#content.wooshop div.inside section.related  {
    display: none; 
}
#content.wooshop div.inside div.product_meta {
    display: none; 
}
#content.wooshop form.cart button {
    background-color: #257cbf; 
}
#content.wooshop div.woocommerce-message a.button {
    background-color: #257cbf; 
    color: #fff; 
}
#content.wooshop div.woocommerce-message {
    border-top-color: #257cbf; ; 
}
#content.wooshop div.woocommerce-message::before {
    color:#257cbf !important; 
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
    color:#257cbf !important; 
}
.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-color: #257cbf !important; 
    color: #fff !important; 
}
#content.wooshop span.onsale {
    background-color: #257cbf;
}

/*------------------------------------*\
    Woocommerce My Account
\*------------------------------------*/


/**
 * My Account
 */

.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 20%;
}

.woocommerce-account .woocommerce-MyAccount-content {
  display: inline-block;
  float: left;
  margin-left: 5%;
  width: 75%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
	border-top: 1px solid #eee;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none;
	border-bottom: 1px solid #eee;
	padding-bottom: 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
	opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	padding: 10px 5px;
	display: block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
	margin-right: 20px;
    opacity: .25;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
	opacity: 1;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    font-family: 'FontAwesome';
	content: "\f0e4";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    font-family: 'FontAwesome';
	content: "\f291";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
    font-family: 'FontAwesome';
	content: "\f1c6";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    font-family: 'FontAwesome';
	content: "\f015";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
    font-family: 'FontAwesome';
	content: "\f09d";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    font-family: 'FontAwesome';
	content: "\f007";
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
    font-family: 'FontAwesome';
	content: "\f08b";
}

.woocommerce-account .woocommerce-MyAccount-content h2 {
	font-size: 25px;
    text-align: center;
	font-weight: 600;
}

.woocommerce-account p.order-again {
    text-align: right;
}

.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
    margin-top: 50px;
    float: right;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: right; 
    width: 65% !important; 
}

/*------------------------------------*\
    Single Post
\*------------------------------------*/

#insidehero.blog {
    max-height: 400px; 
    grid-template-rows: 400px 400px; 
}
#insidehero.blog div.text {
    width: 1050px; 
    margin-left: auto; 
    margin-right: auto; 
    text-align: left; 
    color: #fff; 
}
#insidehero.blog div.text h1 {
    text-align: left; 
    line-height: 42px;
    margin-top: 0px; 
    margin-bottom: 0px; 
    width: 75%; 
}
#insidehero.blog div.text span {
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}
#content.blog div.inside iframe {
    width: 100%; 
}
#content.blog div.related_posts {
    background-color: #f6f6f6; 
    padding-left: 15px; 
    padding-right: 15px; 
    padding-top: 9px; 
    padding-bottom: 9px; 
}


#content.blog div.related_posts h3 {
    font-size: 25px; 
    text-transform: uppercase; 
}
#content.blog div.related_posts ul {
    display: grid;
    grid-template-columns: repeat(3,auto); 
    padding: 0px; 
    margin: 0px; 
    justify-content: space-evenly; 
    column-gap: 25px; 
    padding-bottom: 30px; 
}
#content.blog div.related_posts li {
    list-style-type: none; 
    margin: 0px; 
    padding: 0px; 
    font-size: 14px; 
    line-height: 18px; 
}
#content.blog div.related_posts li img {
    width: 100%;
}
#content.blog div.thecomments {
    padding-left: 15px; 
    padding-right: 15px; 
    padding-top: 9px; 
    padding-bottom: 9px; 
}
#content.blog div.thecomments h3 {
    font-size: 25px; 
    text-transform: uppercase; 
}
#content.blog #comments {
    margin: 0px !important; 
}
#content.blog #wpdcom {
    padding: 0px !important; 
    margin: 0px !important; 
}

/*------------------------------------*\
    Responsive Code
\*------------------------------------*/

#sfm-sidebar {
    display: none; 
}
.sfm-label-metro {
    display: none; 
}

@media all and (max-width: 1049px) {
    .sfm-label-metro {
        display: block !important;
        z-index: 10000;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
    }

    #sfm-sidebar {
        display: block !important;
        z-index: 10000;
        position: absolute !important;
        top: 0 !important;
        right: 0 !important;
    }

    #sfm-sidebar .sfm-menu li > a:before {
        background: rgba(247, 148, 29, 1) !important;
    }
    body, html {
        min-width: auto; 
    }
    div.inside {
        width: 90%; 
        margin-left: auto; 
        margin-right: auto; 
    }
    #content.inner div.inside div.right {
        display: none; 
    }
    #content.inner div.inside {
        display: block; 
    }
    #callout {
        width: 100%; 
    }
    #header div.inside {
        display: block; 
    }
    #header div.right {
        display: none; 
    }
    #insidehero {
        min-width: 300px; 
        grid-template-rows: 250px 250px; 
        overflow: hidden; 
    }
    #insidehero div.img {
        min-width: 100%;  
    }
    #insidehero div.text {
        width: 90%;
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero div.img img {
        min-height: 250px; 
        min-width: 1000px; 
        object-fit: cover;
        object-position: center; 
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translate(-50%);
    }
    #callout {
        grid-template-rows: 500px 500px; 
    }
    #callout div.text {
        width: 90%; 
        margin-left: auto;
        margin-right: auto; 
        text-align: center; 
    }
    #callout div.img img {
        width: auto; 
        object-fit: cover;
        object-position: center; 
        position: relative;
        display: inline-block;
        left: 50%;
        transform: translate(-50%);
        min-height: 500px; 
    }
    #callout div.img {
        width: 100%;
        height: auto;
        overflow: hidden; 
        background-color: #fff; 
    }
    #footer div.inside {
        display: block; 
    }
    #footer div.inside div.one {
        display: none; 
    }
    #footer div.inside div.two {
        display: none; 
    }
    #footer div.inside div.three {
        display: none; 
    }
    #footer div.inside div.four {
        text-align: center; 
    }
    #content.blog iframe {
        max-height: 200px; 
    }
    #content.blog div.related_posts ul {
        grid-template-columns: auto; 
        grid-row-gap: 25px; 
    }
    #insidehero.blog div.text {
        width: 90%; 
        margin-left: auto;
        margin-right: auto; 
    }
    #insidehero.blog div.text h1 {
        width: 95%; 
        font-size: 35px; 
    }
    #content.downloads li {
        display: block; 
    }
    #content.downloads li img {
        display: block; 
        width: 100%;
        height: auto; 
        margin-bottom: 30px; 
    }
    #content div.inside {
        display: block; 
    }
    #content div.inside div.right {
        display: none; 
    }
    #hero div.inside {
        display: block; 
    }
    
}