@charset "UTF-8";
/* Themify Metro 7.1.3 framework 7.2.3 */

/*/css/base.min.css*/
.tf_loader{width:1em;height:1em;overflow:hidden;display:inline-block;vertical-align:middle;position:relative}.tf_loader:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;text-indent:-9999em;border-radius:50%;box-sizing:border-box;border:.15em solid rgba(149,149,149,.2);border-left-color:rgba(149,149,149,.6);animation:tf_loader 1.1s infinite linear}@keyframes tf_loader{0{transform:rotate(0)}100%{transform:rotate(360deg)}}.tf_clear{clear:both}.tf_left{float:left}.tf_right{float:right}.tf_textl{text-align:left}.tf_textr{text-align:right}.tf_textc{text-align:center}.tf_textj{text-align:justify}.tf_text_dec{text-decoration:none}.tf_hide{display:none}.tf_hidden{visibility:hidden}.tf_block{display:block}.tf_inline_b{display:inline-block}.tf_vmiddle{vertical-align:middle}.tf_mw{max-width:100%}.tf_w{width:100%}.tf_h{height:100%}.tf_overflow{overflow:hidden}.tf_box{box-sizing:border-box}.tf_abs{position:absolute;top:0;right:0;bottom:0;left:0}.tf_abs_t{position:absolute;top:0;left:0}.tf_abs_b{position:absolute;bottom:0;left:0}.tf_abs_c{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tf_rel{position:relative}.tf_opacity{opacity:0}.tf_clearfix:after{content:"";display:table;clear:both}.loops-wrapper>.post,.woocommerce ul.loops-wrapper.products>li.product{float:left;box-sizing:border-box;margin-left:3.2%;margin-right:0;margin-bottom:3.2%;clear:none}.woocommerce .loops-wrapper.no-gutter.products>.product,body .loops-wrapper.no-gutter>.post{margin:0}.woocommerce .loops-wrapper.products.list-post>.product{margin-left:0}.tf_scrollbar{scroll-behavior:smooth;--tf_scroll_color:rgba(137,137,137,.2);--tf_scroll_color_hover:rgba(137,137,137,.4);scrollbar-color:var(--tf_scroll_color) transparent;scrollbar-width:thin}.tf_scrollbar::-webkit-scrollbar{width:var(--tf_scroll_w,10px);height:var(--tf_scroll_h,10px)}.tf_scrollbar::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color);background-clip:padding-box;border:2px solid transparent;border-radius:5px}.tf_scrollbar:hover{scrollbar-color:var(--tf_scroll_color_hover) transparent}.tf_scrollbar:hover::-webkit-scrollbar-thumb{background-color:var(--tf_scroll_color_hover)}.tf_close{position:relative;transition:transform .3s linear;cursor:pointer}.tf_close:after,.tf_close:before{content:'';height:100%;width:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);background-color:currentColor;transition:transform .25s}.tf_close:after{transform:translate(-50%,-50%) rotate(-45deg)}.tf_close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.tf_close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.tf_vd_lazy:fullscreen video{height:100%;object-fit:contain}

/*/css/themify.common.css*/
iframe{
    border:0
}
a{
	cursor:pointer
}
a:focus,input:focus,button:focus,select:focus,textarea:focus,.button:focus{
    outline:1px dotted rgba(150,150,150,.2)
}
.tf_focus_heavy button:focus,
.tf_focus_heavy a:focus,
.tf_focus_heavy input:focus,
.tf_focus_heavy select:focus,
.tf_focus_heavy textarea:focus,
.tf_focus_heavy .button:focus{
    outline:2px solid rgba(0,176,255,.8)
}
.tf_focus_none a,
.tf_focus_none button:focus,
.tf_focus_none a:focus,
.tf_focus_none input:focus,
.tf_focus_none select:focus,
.tf_focus_none textarea:focus,
.tf_focus_none .button:focus{
    outline:none
}
.tf_large_font{
    font-size:1.1em
}
.screen-reader-text{
	border:0;
	clip:rect(1px, 1px, 1px, 1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
	word-wrap:normal!important
}
.screen-reader-text:focus{
    background-color:#f1f1f1;
    border-radius:3px;
    box-shadow:0 0 2px 2px rgba(0,0,0,.6);
    clip:auto!important;
    color:#21759b;
    display:block;
    font-size:.875rem;
    font-weight:700;
    height:auto;
    left:5px;
    line-height:normal;
    padding:15px 23px 14px;
    text-decoration:none;
    top:5px;
    width:auto;
    z-index:100000
}
.skip-to-content:focus{
    clip-path:none
}
.post-image .themify_lightbox{
    position:relative;
    display:block;
    max-width:100%
}
.post-image .themify_lightbox .zoom{
    width:35px;
    height:35px;
    background:rgba(0,0,0,.3);
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    border-radius:100%
}
.post-image .themify_lightbox .zoom .tf_fa{
    vertical-align:middle;
    color:#fff;
    stroke-width:1px;
    line-height:100%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.post-image .themify_lightbox:hover .zoom{
    background:rgba(0,0,0,.6)
}
.pswp:not(.pswp--open){display:none}
.ptb_map button,
.themify_map button{
    border-radius:0
}
/*/themify-builder/css/themify-builder-style.css*/
.module_row,
.module_subrow,
.module_column,
.module_row .module{
    position:relative;
    box-sizing:border-box
}
/* Hover Animation */
.module-buttons:hover,
.module_row:hover,
.module_column:hover,
.module-image img:hover,
.module-accordion i,
.module{
    transition:.5s ease;
    transition-property:background,font-size,line-height,color,padding,margin,border,border-radius,box-shadow,text-shadow,filter,transform
}
/* fix gutenberg empty p tag bug */
.entry-content > p:first-of-type:empty,
.entry-content > p:first-of-type+p:empty{
    margin:0;
    padding:0
}
/*GRID*/
.module_row{/* fix Chrome bug */
	display:flex;
	flex-wrap:wrap;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.themify_builder_slider_wrap{
    transition:none
}
.module_row[data-tbfullwidthvideo],.module_subrow[data-tbfullwidthvideo],.module_column[data-tbfullwidthvideo]{
	background-size:cover
}
/*GRID*/
.row_inner,
.subrow_inner{
    display:grid;
    --gutter:3.2%;
    --narrow:1.6%;
    --none:0;
    --align_start:flex-start;
    --align_center:center;
    --align_end:flex-end;
    --auto_height:stretch;
    --align_items:var(--auto_height);
    --align_content:var(--align_start);
    --colg:var(--gutter);
    --c1:1fr;
    --c2:1fr 1fr;
    --c3:1fr 1fr 1fr;
    --c4:1fr 1fr 1fr 1fr;
    --c5:1fr 1fr 1fr 1fr 1fr;
    --c6:1fr 1fr 1fr 1fr 1fr 1fr;
    --c1_2:1fr 2.1025fr;
    --c2_1:2.1025fr 1fr;
    --c1_3:1fr 3.2831fr;
    --c3_1:3.2831fr 1fr;
    --c1_1_2:1fr 1fr 2.1415fr;
    --c1_2_1:1fr 2.1415fr 1fr;
    --c2_1_1:2.1415fr 1fr 1fr;
    --col:repeat(auto-fit,minmax(1%,1fr));
	grid:var(--row,none)/var(--col);
    grid-template-areas:var(--area);
    grid-auto-columns:1fr;
    gap:var(--rowg,0) var(--colg);
    align-content:var(--align_content);
    align-items:var(--align_items);
    /*css variables for responsive columns(the first letter is the cols count, next the selected grid, e.g 3_2:3 is count ,2 the grid),so users can change it by custom css*/
    --area5_3:"col1 col1 col2 col2 col3 col3"
              "col4 col4 col5 col5 . .";

    --area5_1_2:"col1 col2 col2" "col3 col4 col5";

    --area5_2_1:"col1 col1 col2" "col3 col4 col5";

    --area5_1_3:"col1 col2 col2 col2"
                "col3 col4 col4 col4"
                "col5 col5 col5 col5";

    --area5_3_1:"col1 col1 col1 col2"
                "col3 col4 col4 col5";

    --area5_1_1_2:"col1 col2 col3 col3"
                  "col4 col4 col5 col5";

    --area5_1_2_1:"col1 col2 col2 col3"
                  "col4 col4 col5 col5";

    --area5_2_1_1:"col1 col1 col2 col3"
                  "col4 col4 col5 col5";	
    /*Css  Auto grid*/
    --aream2_auto:"col1" "col2";
    --aream3_auto:"col1" "col2" "col3";
    --aream4_auto:"col1" "col2" "col3" "col4";
    --aream5_auto:"col1" "col2" "col3" "col4" "col5";
    --areat6_auto:"col1 col2 col3" "col4 col5 col6";/*6 cols for tablet*/
    --aream6_auto:"col1 col2" "col3 col4" "col5 col6";/*6 cols for mobiile*/
    --areat7_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7";
    --aream7_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7";
    --areat8_auto:"col1 col2" "col3 col4" "col5 col6" "col7 col7" "col8 col8";
    --aream8_auto:"col1" "col2" "col3" "col4" "col5" "col6" "col7" "col8"
}
div.module_column{
    width:auto;
    max-width:none;
    margin-left:0;
    margin-right:0;
    min-width:0;
    float:none;
    align-items:inherit;
    align-content:inherit;
    grid-template-columns:minmax(0,1fr);
    display:grid
}
.col_align_middle,/*deperecated,backward compatibility*/
.fullheight > .tb_col_count_1{
    --align_content:var(--align_center)
}
.gutter-narrow{/*deperecated,backward compatibility*/
   --colg:var(--narrow)
}
.gutter-none{/*deperecated,backward compatibility*/
   --colg:var(--none)
}
.module_column:nth-of-type(1){
    grid-area:col1
}
.module_column:nth-of-type(2){
    grid-area:col2
}
.module_column:nth-of-type(3){
    grid-area:col3
}
.module_column:nth-of-type(4){
    grid-area:col4
}
.module_column:nth-of-type(5){
    grid-area:col5
}
.module_column:nth-of-type(6){
    grid-area:col6
}
.module_column:nth-of-type(7){
    grid-area:col7
}
.module_column:nth-of-type(8){
    grid-area:col8
}
.module_column:nth-of-type(9){
    grid-area:col9
}
.module_column:nth-of-type(10){
    grid-area:col10
}
.module_column:nth-of-type(11){
    grid-area:col11
}
.module_column:nth-of-type(12){
    grid-area:col12
}
.module_column:nth-of-type(13){
    grid-area:col13
}
.module_column:nth-of-type(14){
    grid-area:col14
}
.module_column:nth-of-type(15){
    grid-area:col15
}
.module_column:nth-of-type(16){
    grid-area:col16
}
/*DON'T USE THE CLASS direction_rtl, will be removed in the future, need for backward compatibility*/
.direction_rtl > .module_column:nth-of-type(1){
    z-index:16
}
.direction_rtl > .module_column:nth-of-type(2){
    z-index:15
}
.direction_rtl > .module_column:nth-of-type(3){
    z-index:14
}
.direction_rtl > .module_column:nth-of-type(4){
    z-index:13
}
.direction_rtl > .module_column:nth-of-type(5){
    z-index:12
}
.direction_rtl > .module_column:nth-of-type(6){
    z-index:11
}
.direction_rtl > .module_column:nth-of-type(7){
    z-index:10
}
.direction_rtl > .module_column:nth-of-type(8){
    z-index:9
}
.direction_rtl > .module_column:nth-of-type(9){
    z-index:8
}
.direction_rtl > .module_column:nth-of-type(10){
    z-index:7
}
.direction_rtl > .module_column:nth-of-type(11){
    z-index:6
}
.direction_rtl > .module_column:nth-of-type(12){
    z-index:5
}
.direction_rtl > .module_column:nth-of-type(13){
    z-index:4
}
.direction_rtl > .module_column:nth-of-type(14){
    z-index:3
}
.direction_rtl > .module_column:nth-of-type(15){
    z-index:2
}
.direction_rtl > .module_column:nth-of-type(16){
    z-index:1
}
.tb_col_count_1>.module_column{
	grid-area:auto
}
.tb_col_count_2{
	--area:"col1 col2"
}
.tb_col_count_3{
	--area:"col1 col2 col3"
}
.tb_col_count_4{
	--area:"col1 col2 col3 col4"
}
.tb_col_count_5{
	--area:"col1 col2 col3 col4 col5"
}
.tb_col_count_6{
	--area:"col1 col2 col3 col4 col5 col6"
}
.tb_col_count_7{
	--area:"col1 col2 col3 col4 col5 col6 col7"
}
.tb_col_count_8{
	--area:"col1 col2 col3 col4 col5 col6 col7 col8"
}
/*CLEARFIX*/
.module:after{
    content:"";
    display:table;
    clear:both
}
/*RESETS*/
.module_row ul.loops-wrapper{
    margin:0;
    padding:0;
    list-style:none
}
.module_row .ui{
	background-image:var(--tb_app_gr,none);
	background-color:var(--tb_pr_bg,#F7F7F7);
	box-shadow:var(--tb_app_shadow,none);
	border-radius:var(--tb_app_r,0);
	color:var(--tb_pr_color,#555)
}
.ui.builder_button{
    text-decoration:none;
    position:relative; 
    border:solid 1px rgba(0,0,0,.05);
    display:inline-block;
    line-height:130%;
    transition:color .3s linear;
	transition-property:color,background-color,padding,border,box-shadow;
    padding:.625em 1.25em
}
.builder_button:hover{
	text-decoration:none;
	background-color:var(--tb_pr_hover_bg,#f1f1f1)
}
.module .ui.builder_button{
    text-decoration:none
}
.ui.transparent{
	--tb_pr_bg:transparent;
	--tb_pr_hover_bg:transparent;
	--tb_pr_color:#555;
	--tb_app_r:0;
	--tb_app_gr:none;
	--tb_app_shadow:none;
	border:0;
    /* for transparent style inherit color */
    color:inherit
}
.transparent.gradient{
	--tb_app_gr:linear-gradient(to bottom, rgba(255,255,255,.45) 0%,rgba(255,255,255,0) 100%)
}
/*SIZES*/
.ui.large.builder_button{
    font-size:120%;
    padding:10px 20px
}
.ui.small.builder_button{
    font-size:70%;
    padding:5px 10px
}
.xlarge .ui.builder_button{
    padding:.935em 1.875em
}
/*MODULE*/
.module-title{
    font-size:1.2em;
    margin:0 0 1.2em
}
.module img{
    border:0;
    vertical-align:bottom
}
.module-slider{
    margin-bottom:2.5em
}
/*Widget Module*/
.module-widget .widget{
    margin:0
}
.wp-caption{
    max-width:100%
}
/*Map Module*/
.module-map button{
    border-radius:0
}
.module-map .gm-style-mtc img{
    vertical-align:baseline;
    margin-right:5px
}
.row_inner{
    width:1160px;
    margin:0 auto
}
/* fullwidth row */
.module_row.fullheight .module_subrow,
.module_row.fullwidth > .row_inner{
	max-width:100%;
    width:100%
}
/* iOS doesn't support fixed attachment */
@supports(-webkit-touch-callout:none){
    .module_row,.module_subrow,.module_column{background-attachment:scroll!important}
}
/*FULLHEIGHT ROW*/
.module_row.fullheight{
    min-height:100vh
}
.fullheight > .row_inner > .module_column,
.fullheight > .row_inner{
    min-height:inherit
}
.module-plain-text:after{
    display:contents!important
}
/*MEDIA QUERIES*/
@media (max-width:1260px){
    .row_inner{
        max-width:94%
    }
}
@media (max-width:760px){
    .row_inner{
		max-width:90%
    }
}
.themify_builder .builder-parallax-scrolling{
	transition:background-position-y 0s
}
@supports not(cursor:grab){
	.builder-parallax-scrolling{
		background-attachment:scroll!important
	}
}
/*/wp-content/themes/metro/styles/modules/site-logo.css*/
#site-logo{
	font-size:2.5em;
	line-height:1em;
	float:left;
	padding:5px 0 10px;
	margin:0 10px 10px 0;
}
#site-logo a{
	text-decoration:none;
}

/*/wp-content/themes/metro/styles/modules/site-description.css*/
#site-description{
	font:300 1em/1.4em 'Oxygen', sans-serif;
	margin:0;
	padding:15px 0 15px 10px;
	float:left;
	border-left:1px solid #FFF;
	border-color:rgba(255,255,255,.5);
	color:rgba(255,255,255,.7);
}
#site-description .site-taglink{
	color:inherit;
	font:inherit;
}
#site-description .site-taglink:hover{
	text-decoration:none;
}
/*/css/modules/social-links.css*/
.social-widget .widget{
    display:inline-block;
    margin:0 3px 0 0
}
.social-widget .widgettitle{
    width:auto;
    font-weight:700;
    font-size:100%;
    font-family:inherit;
    text-transform:none;
    letter-spacing:0;
    display:inline-block;
    vertical-align:middle;
    margin:0 .5em 0 0;
    padding:0;
    background:0;
    border:0;
    border-radius:0;
    box-shadow:none
}
.social-widget .social-links{
    margin:6px 0 0;
    padding:0;
    display:inline
}
.widget .social-links li img{
    vertical-align:middle
}
.widget .social-links{
    padding:0;
    line-height:1em
}
.social-links .social-link-item{
    display:inline-block;
    margin:0 5px 5px 0;
    padding:0;
    list-style:none;
    border:0
}
.social-links.vertical li{
    display:block;
    margin:0 0 5px
}
.widget .social-links a,
.widget .social-links a:hover{
    text-decoration:none
}
.social-links li em{
    vertical-align:middle;
    line-height:1em;
    width:20px;
    height:20px;
    padding:4px;
    font-size:20px;
    text-align:center;
    border-radius:100%;
    display:inline-block
}
.social-links .icon-small em{
    font-size:8px;
    width:8px;
    height:8px
}
.social-links .icon-large em{
    font-size:28px;
    padding:6px;
    width:36px;
    height:36px
}
.social-links .icon-small img{
    max-width:16px;
    max-height:16px
}
.social-links .icon-medium img{
    max-width:24px;
    max-height:24px
}
.social-links .icon-large img{
    max-width:32px;
    max-height:32px
}
#footer .social-links.horizontal li,
#sidebar .social-links.horizontal li{
    border:0;
    display:inline-block
}
#footer .social-links.vertical,
#sidebar .social-links.vertical{
    display:block
}
#footer .social-links.vertical li,
#sidebar .social-links.vertical li{
    display:block;
    margin:0 0 .5em
}
/*/themify-builder/css/modules/accordion.css*/
.module-accordion{
    margin-bottom:1em;
	--tb_app_glc:normal
}
.accordion-content{
    background:#fff;
    padding:1em;
    color:#333
}
.accordion-title{
    font-size:105%;
    line-height:140%;
    font-weight:bold;
	background-image:var(--tb_app_gr,none);
	background-color:var(--tb_pr_bg,#F7F7F7);
	color:var(--tb_pr_color,#555);
	box-shadow:var(--tb_app_shadow,none);
	--tb_app_glc:'';
	border-radius:inherit;
    margin:0
}
.ui.module-accordion,
.module-accordion > li{
    border:solid var(--tb_acc_b_w,1px) var(--tb_acc_b_c,rgba(0,0,0,.05))
}
ul.ui.module-accordion{
	box-shadow:none;
	padding:0;
    margin:0
}
.module-accordion h1,
.module-accordion h2,
.module-accordion h3,
.module-accordion h4,
.module-accordion h5,
.module-accordion h6{
    color:inherit;    
    margin-top:0
}
.accordion-content .module_row{
    visibility:visible!important;
}
.module-accordion > li{
	background-image:var(--tb_app_gr,none);
    border-width:1px 0 0;
    position:relative;
    margin:0;
    padding:0;
    list-style:none
}
.ui>li:hover .accordion-title{
    background-color:var(--tb_pr_hover_bg,#f1f1f1)
}
.separate .builder-accordion-active .accordion-title{
	border-bottom-left-radius:0;
	border-bottom-right-radius:0
}
ul > .current > .accordion-content{
    box-shadow:var(--tb_app_shadow,inset 0 1px 1px rgba(0,0,0,.1))
}
.module-accordion > li:first-child{
	border-top-left-radius:inherit;
	border-top-right-radius:inherit;
    border-top-width:0
}
.module-accordion > li:last-child,
.ui>li:last-child .accordion-content{
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit
}
ul.ui.module-accordion .accordion-title a{
    text-decoration:none;
    display:flex;
    align-items:center;
	color:inherit;
    padding:.5em 1em
}
.ui .accordion-content a{
    color:inherit
}
.accordion-title i{
    margin-right:.4em
}
/*/themify-builder/css/modules/accordion_styles/separate.css*/
ul.ui.separate{
    background:0;
    border:0
}
ul.ui.separate > li{
	background-color:var(--tb_pr_bg,#F7F7F7);
	box-shadow:var(--tb_app_shadow,none);
	background-image:var(--tb_app_gr,none);
	border-radius:var(--tb_app_r,0);
    margin-bottom:5px;
    border-width:1px
}
.separate .accordion-content{
	border-bottom-left-radius:inherit;
	border-bottom-right-radius:inherit
}
/*/wp-content/themes/metro/style.css*/
/*!
Theme Name:Themify Metro
Theme URI:https://themify.me/themes/metro
Version:7.1.3 
Description:Created by <a href="http://www.themify.me">Themify</a>.
Author:Themify
Author URI:http://www.themify.me
License:GNU General Public License v2.0
License URI:http://www.gnu.org/licenses/gpl-2.0.html
Copyright:(c) 2016 Themify.
Tags:featured-images, translation-ready, custom-menu
Text Domain:themify

---------

DO NOT EDIT THIS FILE.

If you need to override theme styling, please add custom CSS in Appearance > Customize > Custom CSS or a child theme (https://themify.me/docs/child-theme).
*/

/************************************************************************************
RESET
*************************************************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure{
	margin:0;
	padding:0
}

img, fieldset{
	border:0
}

/* set img max-width */
img{
	box-sizing:border-box
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ 
	display:block
}

/* audio */
audio,
iframe, object{
	max-width:100%
}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/
@font-face{
	font-family:'themify_theme_icon';
	font-display:swap;
	src:url(https://blog.kenwright.me.uk/wp-content/themes/metro/fonts/themifythemeicon.woff2) format('woff2'),
		url(https://blog.kenwright.me.uk/wp-content/themes/metro/fonts/themifythemeicon.woff) format('woff')
}
html{
	-webkit-font-smoothing:antialiased
}
body{
	font:400 .85em/1.5em 'Oxygen', sans-serif;
	background: #036536 url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/bg1-body.png) no-repeat top center;
	color:#fff;
	overflow-wrap:break-word
}

a{
	text-decoration:underline;
	outline:none;
	color:#FFF
}
a:hover{
	text-decoration:underline
}
p{
	margin:0 0 1.2em
}
small{
	font-size:.87em
}
blockquote{
	padding:8px 30px 15px
}

/* list */
ul, ol{
	margin:1em 0 1.4em 24px;
	padding:0;
	line-height:1.4em
}
li{
	margin:0 0 .5em;
	padding:0
}

/* headings */
h1, h2, h3, h4, h5, h6{
	font-weight:400;
	margin:1em 0 .8em;
	overflow-wrap:normal
}
h1{
	font-size:2em
}
h2{
	font-size:1.6em
}
h3{
	font-size:1.4em
}
h4{
	font-size:1.2em
}
h5{
	font-size:1.1em
}
h6{
	font-size:1em
}

/* form elements */
input, textarea, select, input[type=search]{
	font-size:1em;
	font-family:inherit;
	border-radius:0
}

/* form field style */
textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url]{
	background-color:#f5f5f5;
	padding:6px 10px;
	border:0;
	-webkit-appearance:none
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus{
	outline:none;
	background-color:#eee
}

/* form field width */
input[type=text], input[type=search], input[type=email], input[type=url]{
	width:240px;
	max-width:96%
}
textarea{
	line-height:1.5em;
	width:96%
}

/* search input */
input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button{
	display:none
}

/* form buttons */
button, input[type=reset], input[type=submit]{
	text-transform:uppercase;
	padding:15px 30px;
	background-color:#000;
	color:#FFF;
	border:0;
	cursor:pointer;
	-webkit-appearance:none
}
button:hover, input[type=reset]:hover, input[type=submit]:hover{
	background-color:#222;
	color:#fff
}

/* audio */
audio{
	max-width:100%
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav,#sidebar, .widget, #footerwrap, #footer{
	box-sizing:border-box
}

/* main page width */
.pagewidth,
.row_inner{
	width:998px;
	margin:0 auto
}

/* body (middle container) */
#body{
	margin:0 auto;
	padding:54px 0;
	max-width:100%
}

/* content */
#content{
	width:66.4%;
	float:left
}

/* sidebar */
#sidebar{
	width:32.6%;
	float:right
}

/* sidebar left */
.sidebar-left #content{
	float:right
}
.sidebar-left #sidebar{
	float:left
}

/* sidebar none */
.sidebar-none #content{
	width:100%;
	float:none
}

/* fullwidth content */
.full_width #layout{
	width:100%;
	max-width:100%
}
.full_width #content{
	padding:0;
	width:auto;
	float:none
}
.full_width #sidebar{
	width:auto;
	float:none
}

/************************************************************************************
GRID
*************************************************************************************/
.col4-1,
.col4-2,
.col4-3,
.col3-1,
.col3-2,
.col2-1
{
	margin-left:3.2%;
	float:left
}
.col4-1{
	width:22.6%
}
.col4-2, .col2-1{
	width:48.4%
}
.col4-3{
	width:74.2%
}
.col3-1{
	width:31.2%
}
.col3-2{
	width:65.6%
}
.col.first,
.col4-1.first,
.col4-2.first,
.col4-3.first,
.col3-1.first,
.col3-2.first,
.col2-1.first
{
	margin-left:0;
	clear:left
}

/************************************************************************************
HEADER
*************************************************************************************/
#header{
	position:relative;
	height:145px;
	padding-top:27px
}

/* social widget */
.social-widget{
	position:absolute;
	right:0;
	top:15px
}
.social-widget a{
	text-decoration:none
}
.social-widget a:hover{
	text-decoration:none
}
.social-widget .widget{
	background:0;
	display:inline-block;
	padding:0
}
.social-widget .widget div{
	display:inline
}
.social-widget .widgettitle{
	width:auto;
	font-weight:bold;
	font-size:1.4em;
	text-transform:none;
	border:0;
	letter-spacing:0;
	position:static;
	display:inline-block;
	margin:5px 8px 2px 0;
	padding:0;
	background:0
}
.social-widget ul{
	margin:6px 0 0!important;
	padding:0;
	display:inline
}
.social-links.horizontal li{
	padding:0 2px 5px 0;
	margin:0;
	display:inline-block;
	border:0!important;
	clear:none;
	line-height:1em
}
.social-widget li img{
	vertical-align:middle;
	margin-top:-5px
}

/* RSS */
.social-widget div.rss{
	display:inline-block;
	vertical-align:middle;
	margin:0 0 5px
}
.social-widget div.rss a{
	box-sizing:border-box;
	border-radius:50%;
	background-color:#fff;
	color:#036536;
	display:inline-block;
	font-size:23px;
	padding:6px 7px;
	text-indent:-999em
}
.social-widget div.rss a:before{
	content:'\f09e';
	font-family:'themify_theme_icon';
	float:left;
	text-indent:0
}

#searchform-wrap{
	position:absolute;
	right:0;
	bottom:0
}
#header #searchform{
	position:relative;
	z-index:2
}
#header #searchform #s{
	font-size:1.1em;
	width:40px;
	color:rgba(255, 255, 255, .7);
	background-color:transparent;
	padding:8px 0 8px 40px;
	float:right;
	border:0;
	opacity:0;
	transition:width .7s, opacity .3s, background-color .3s linear
}
#header #search-icon:after{
	content:'\e800';
	display:inline-block;
	font-family:'themify_theme_icon';
	font-size:1.7em;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	padding:8px;
	transform:rotateY(180deg);
	margin-left:40px
}
#header #searchform #s:focus{
	width:130px;
	color:#666;
	background-color:#fff;
	padding-left:10px;
	padding-right:10px;
	opacity:1;
	box-shadow:0 1px 7px rgba(0,0,0,.2)
}

/* main navigation */
#main-nav{
	position:absolute;
	bottom:0;
	margin:25px 0 0;
	padding:0
}
#main-nav li{
	margin:0 2px 2px 0;
	padding:0;
	list-style:none;
	float:left;
	position:relative
}

/* main level link */
#main-nav a{
	background-color:#f26522;
	font-size:1em;
	display:block;
	padding:12px 20px;
	text-decoration:none
}
/* main level link :hover */
#main-nav a:hover{
	background-color:#222
}

/* current link */
#main-nav .current_page_item a, #main-nav .current-menu-item a{
	background-color:#000
}

/* sub-levels link */
#main-nav ul a{
	background-color:#000;
	margin:0;
	display:block;
	width:180px;
	padding:12px 15px
}
/* sub-levels link :hover */
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover{
	background-color:#222
}
/* dropdown ul */
#main-nav ul{
	margin:0;
	padding-top:1px;
	list-style:none;
	position:absolute;
	z-index:1000;
	display:none
}
#main-nav ul li{
	padding:0;
	margin:0;
	float:none
}
/* sub-levels dropdown */
#main-nav ul ul{
	left:190px;
	top:-1px;
	padding-left:21px
}
/* show dropdown ul */
#main-nav li:hover > ul{
	display:block
}

/************************************************************************************
PAGE
*************************************************************************************/
/* page title */
.page-title{
	font-size:2.5em;
	line-height:1em;
	margin:0 0 20px
}

/* author page */
.author-bio{
	margin:0 0 30px
}
.author-bio .author-avatar{
	float:left;
	margin:0 15px 0 0
}
.author-bio .author-avatar img{
	background-color:#fff;
	padding:4px
}
.author-bio .author-name{
	margin:0 0 5px;
	padding:0;
	font-size:1.6em
}
.author-posts-by{
	margin:0 0 20px;
	padding:10px 0 0;
	font-size:1.4em;
	text-transform:uppercase
}

/************************************************************************************
CATEGORY SECTIONS
*************************************************************************************/
.category-section{
	clear:both;
	margin-bottom:30px
}
.category-section-title{
	font-size:120%;
	text-transform:uppercase;
	margin:0 0 20px
}

/* ***********************************************************************************
FILTER NAVIGATION
*************************************************************************************/	
.sorting-nav.post-filter{
	visibility:hidden;
	opacity:0;
	margin:0 0 17px
}
.sorting-nav li{
	background-color:#f26522;
	margin:0 2px 2px 0;
	padding:0;
	list-style:none;
	float:left;
	position:relative
}
.sorting-nav a{
	font-size:.9em;
	display:block;
	padding:6px 10px;
	text-decoration:none
}
.sorting-nav a:hover{
	background-color:#222
}
.sorting-nav .active a, .sorting-nav .current-cat a{
	background-color:#000;
	position:relative
}
.sorting-nav .active a:after{
	font-family:'themify_theme_icon';
	content:"\e801";
	top:30px;
	left:50%;
	position:absolute;
	font-size:1em;
	margin-left:-5px;
	text-shadow:none;
	opacity:1
}
.sorting-nav .disabled{
	display:none
}
/* sidebar left filter navigation */
.sidebar-left .sorting-nav{
	margin-left:10px
}

/************************************************************************************
LOOPS WRAPPER
*************************************************************************************/
.loops-wrapper{
    float:left;
    width:100%
}
.loops-wrapper.grid4,
.loops-wrapper.grid3,
.loops-wrapper.grid2{
	overflow:visible!important
}
.sidebar-left .loops-wrapper.grid3,
.sidebar-left .loops-wrapper.grid2{
	margin-right:0
}

/************************************************************************************
POST
*************************************************************************************/
.post{
	background-color:#f26522; /* default color */
	position:relative;
	margin-bottom:10px;
	box-sizing:border-box
}

/* post content */
.post-content{
	min-width:120px
}

/* post inner */
.post-inner{
	position:relative;
	padding:30px 4.5%;
	clear:both
}

/* post date */
.post-date,
.shortcode .post-date{
	color:rgba(255,255,255,.7)
}

/* post title */
.post-title{
	font-size:2em;
	line-height:1em;
	margin:0 0 10px
}
.post-title a{
	text-decoration:none
}

/* post image */
.post-image{
	position:relative;
	max-width:100%;
	margin:0
}
.post-image img{
	vertical-align:bottom;
	width:100%
}
.post-image.left{
	float:left;
	margin-right:15px
}
.post-image.right{
	float:right;
	margin-left:15px
}

/* post meta */
.post-meta{
	font-size:.85em;
	font-weight:300;
	margin-bottom:8px;
	color:#eee;
	color:rgba(255, 255, 255, .4)
}
.post-meta a{
	color:#fff;
	color:rgba(255, 255, 255, .8);
	text-decoration:none
}
.post-meta .separator{
	margin:0 3px
}


/* list post */
.list-post .loops-wrapper{
	margin-left:0
}
.loops-wrapper.list-post{
	position:relative
}

/* more link */
.more-link{
	font-size:.95em;
	font-weight:300;
	background-color:#FFF;
	color:#000;
	padding:4px 20px;
	margin:20px 0;
	text-decoration:none;
	display:table
}
.more-link:hover{
	color:#FFF;
	text-decoration:none;
	background-color:#333
}

/* grid4 post */
.loops-wrapper.grid4 .post{
	width:calc( 22.6% - 10px );
	float:left;
	margin-left:3.2%
}
.loops-wrapper.grid4 .post-title{
	font-size:120%;
	margin:0 0 3px;
	padding:0
}

/* grid3 post */
.loops-wrapper.grid3 .post{
	width:calc( 32.4% - 10px );
	float:left;
	margin-left:1.4%;
	margin-bottom:10px;
	position:relative
}
.loops-wrapper.grid3.sidebar-none .post{
	width:calc( 32.6% - 10px );
	margin-left:1.05%;
	margin-bottom:10px
}

.loops-wrapper.grid3 .post-inner{
	padding:15px 6.1% 8px
}
.loops-wrapper.grid3 .post-title{
	font-size:1.4em;
	line-height:1.4em;
	margin:0 0 10px;
	padding:0
}
.loops-wrapper.grid3 .post-meta{
	margin-top:-5px
}

/* grid2 post */
.loops-wrapper.grid2 .post{
	width:calc( 49.25% - 10px );
	float:left;
	margin-left:1.5%;
	margin-bottom:10px;
	position:relative
}
.loops-wrapper.grid2.sidebar-none .post{
	width:calc( 49.5% - 10px );
	margin-left:1%;
	margin-bottom:10px
}
.loops-wrapper.grid2 .post-inner{
	padding:15px 6.1% 8px
}
.loops-wrapper.grid2 .post-title{
	font-size:1.5em;
	line-height:1.3em;
	margin:0 0 10px;
	padding:0
}
.loops-wrapper.grid2 .post-meta{
	margin-top:-5px
}
.masonry-done.loops-wrapper.grid4 .post.portfolio-post{
	width:calc(25% - 8px)
}
.masonry-done.portfolio.loops-wrapper.grid3 .post.portfolio-post{
	width:calc(33.3% - 6px)
}
.masonry-done.loops-wrapper.grid2 .post.portfolio-post{
	width:calc(50% - 5px)
}
.loops-wrapper.grid4>.gutter-sizer,
.loops-wrapper.grid3>.gutter-sizer,
.loops-wrapper.grid2>.gutter-sizer{
	width:10px
}
.masonry-done.portfolio .tf_carousel_nav_wrap{
	margin:0
}

/************************************************************************************
BUILDER
*************************************************************************************/
/* reset post boxed style within post/page */
.post-content .post,
.page-content .post,
.page-content .post.purple,
.page-content .post.magenta,
.page-content .post.teal,
.page-content .post.lime,
.page-content .post.brown,
.page-content .post.pink,
.page-content .post.orange,
.page-content .post.blue,
.page-content .post.red,
.page-content .post.green,
.page-content .post.white,
.page-content .post.black{
	background:0
}
.post-content .post .post-inner,
.page-content .post .post-inner{
	padding:0
}

/* remove post icons */
.module .post-icon{
	display:none
}

/* portfolio post */
.module.module-portfolio .post-inner{
	padding-top:30px
}

/* reset .post-inner clear */
.module.loops-wrapper.grid2-thumb .post-inner,
.module.loops-wrapper.list-thumb-image .post-inner,
.shortcode.loops-wrapper.grid2-thumb .post-inner,
.shortcode.loops-wrapper.list-thumb-image .post-inner{
	clear:none;
	overflow:hidden
}

.module .post-date{
	display:inline-block
}

/* portfolio post */
.module-portfolio .portfolio-post{
	overflow:visible
}

/* tab module */
.ui.module-tab.minimal .tab-content{
	color:#fff
}

/************************************************************************************
HOME TILES
*************************************************************************************/
.tile-wrapper{
	margin-left:-10px;
	overflow:visible!important;
	width:calc(100% + 10px)
}
.tile-post{
	font-size:.95em;
	position:relative;
	float:left;
	margin:0 0 10px 10px;
	overflow:auto
}
.tile-post .widget{
	background:0;
	padding:0
}
.tile-post.default{
	background-color:#f26522; /* default color */
}
.tile-post .tile-title{
	font-size:1.5em;
	margin:0 0 10px;
	font-weight:700
}
.tile-post .tile-inner{
	padding:15px 20px
}
.tile-post.gallery{
	margin:0 0 10px 10px!important;
	background:0!important
}
.col4-1 .tile-post.gallery,
.col3-2 .tile-post.gallery,
.col3-1 .tile-post.gallery,
.col2-1 .tile-post.gallery{
	margin-left:0!important
}
.tile-post .tf_carousel_nav_wrap{
	margin:0
}

/* single tile */
.tile-single{
	overflow:hidden
}
.tile-single .tile-post:first-child{
	margin-left:0
}

/* tile sizes */
.grid-sizer,
.tile-post.small{
	width:calc(16.66666% - 10px);
	padding-bottom:calc(16.66666% - 10px)
}
.tile-post.medium{
	width:calc(33.33333% - 10px);
	padding-bottom:calc(16.66666% - 10px)
}
.tile-post.large{
	width:calc(33.33333% - 10px);
	padding-bottom:calc(33.33333% - 10px)
}
.tile-post > *:first-child{
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto
}
.tile-post.image .tile-overlay a.tb_turn_on,
.tile-post .tb_turn_on{
	display:none
}

/* tile size in columns */
.col4-1 .tile-post.small,
.col3-2 .tile-post.small,
.col3-1 .tile-post.small,
.col2-1 .tile-post.small{
	width:calc(50% - 10px);
	padding-bottom:calc(50% - 10px)	
}
.col4-1 .tile-post.medium,
.col3-2 .tile-post.medium,
.col3-1 .tile-post.medium,
.col2-1 .tile-post.medium{
	width:100%;
	padding-bottom:calc(50% - 10px)	
}
.col4-1 .tile-post.large,
.col3-2 .tile-post.large,
.col3-1 .tile-post.large,
.col2-1 .tile-post.large{
	width:100%;
	padding-bottom:100%	
}

/* tiles in sidebar */
.widget .tile-post{
	width:100%;
	margin:0 0 10px!important
}
.widget .tile-post.gallery{
	height:auto
}
.grid3 .widget .loops-wrapper, .grid2 .widget .loops-wrapper{
	overflow:hidden!important
}

/* tile image */
.tile-post.image, .tile-post.image > *:first-child{
	overflow:visible; /* for flip animation */
}
.tile-post.image .tile-overlay a{
	display:block;
	width:100%;
	height:100%;
	margin-left:-20px;
	margin-top:-15px;
	padding:15px 20px;
	text-decoration:none
}
.tile-post.image .tile-overlay a:hover{
	text-decoration:none
}
.tile-post.image .tile-inner{
	height:100%
}
.tile-post.image .post-image img{
	object-fit:cover
}

/* tile button */
.tile-post.button a{
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:100%;
	text-decoration:none
}
.tile-post.button .button-icon{
	text-align:center;
	line-height:158px; /* same height as tile height to center image */
}
.tile-post.button.large .button-icon{
	text-align:center;
	line-height:326px; /* same height as tile height to center image */
}
.tile-post.button .button-icon img{
	vertical-align:middle;
	padding-bottom:10px
}
.tile-post.button .button-title{
	position:absolute;
	bottom:10px;
	left:15px;
	line-height:1.3em;
	font-size:1.2em;
	padding-right:5px
}

/* map tile */
.tile-post.map{
	overflow:visible; /* for flip animation */
}

.tile-post .map-container{
	margin:0;
	border:0!important;
	max-width:100%;
	width:100%!important;
	min-height:100%!important
}

.tile-post .shortcode.map{
	width:100%;
	height:100%;
	min-height:100%
}

/* tile overlay */
.tile-overlay{
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#f26522; /* default color */
	position:absolute;
	top:0;
	left:0;
	z-index:100;
	transition:opacity .5s ease-in-out
}
.tile-overlay:hover{
	opacity:1
}

/* tile [list_posts] shortcode */
.tile-post .loops-wrapper.list-posts .post{
	padding:0!important;
	background:0!important;
	margin-bottom:15px
}
.tile-post .loops-wrapper.list-posts .post-inner{
	padding:0;
	display:inline;
	float:left;
	clear:none
}
.tile-post .loops-wrapper.list-thumb-image .post-inner{
	float:none;
	display:block
}
.tile-post .loops-wrapper.list-posts .post-image{
	margin:2px 12px 0 0;
	width:45px;
	height:45px;
	float:left
}
.tile-post .loops-wrapper.list-posts .post-title{
	font-size:120%;
	margin:0 0 3px;
	padding:24px 0 0!important;
	background:0!important
}
.tile-post .loops-wrapper.list-posts .post-meta{
	font-size:1em;
	position:absolute;
	top:2px;
	left:0
}
.tile-post .loops-wrapper.list-posts .post-meta .separator,
.tile-post .loops-wrapper.list-posts .post-icon{
	display:none
}

/* tile post type */
.tile-post .feature-posts-list .feature-posts-title{
	font-size:120%;
	margin:0 0 3em
}

/* tile [post_slider] shortcode */
.tile-post .shortcode.post-slider .post{
	background:0
}
.tile-post .shortcode.post-slider .post-title{
	font-size:120%
}

/* tile [twitter] shortcode */
.tile-post .shortcode.twitter-list .twitter-timestamp a{
	color:rgba(255,255,255,.7);
	text-decoration:none
}
.tile-post .shortcode.twitter-list .follow-user a{
	text-decoration:none
}

/* tile button shortcode style reset */
.tile-post .shortcode.button{
	height:auto!important;
	width:auto!important;
	text-align:center!important;
	margin-left:0!important
}


/* tile-overlay flip transition */
.tile-post.image .tile-flip-wrapper,
.tile-post.map .tile-flip-wrapper,
.portfolio-post .tile-flip-wrapper{	
	perspective:600px;
	transform-style:preserve-3d
}
.tile-post.image .tile-flip,
.tile-post.map .tile-flip,
.portfolio-post .tile-flip{
	transform-style:preserve-3d;
	transition:transform 1s;
	max-width:100%
}

.tile-post.image .tile-flip,
.tile-post.map .tile-flip{
	position:absolute;
	height:100%;
	width:100%; /* tile large and medium */
}
.tile-post.small .tile-flip{
	width:100%
}
.tile-post.large .tile-flip{
	height:100%
}
.tile-post.image .side,
.tile-post.map .side,
.portfolio-post .side{
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}

.tile-post.image .front,
.tile-post.map .front,
.portfolio-post .front{
	position:relative;
	z-index:50
}
.tile-post.image .back,
.tile-post.map .back,
.portfolio-post .back{
	position:absolute;
	z-index:10;
	transform:rotateY(180deg)
}
.tile-flipped{
	transform:rotateY(180deg)
}
.module-tile.tile-flipped{
	transform:none
}
.tile-flipped .back{
	z-index:999!important
}

/* hide turn on builder button in tile archive */
.loops-wrapper .themify_builder_turn_on{
	display:none
}

/* Portfolio Flip Animation */
.portfolio-post{
	overflow:visible; /* for flip animation */
}

/************************************************************************************
SLIDESHOW
*************************************************************************************/
.single .slider-image-caption, .tile-post .slider-image-caption{
	color:#fff;
	background-color:#333;
	background-color:rgba(0,0,0,0.6);
	position:absolute;
	padding:5px 10px;
	bottom:0;
	width:100%
}

/* slideshow pager */
.tile-post .carousel-prev, 
.tile-post .carousel-next,
.post .carousel-prev, 
.post .carousel-next{
	position:absolute;
	width:43px;
	height:43px;
	text-indent:-999em;
	box-shadow:none;
	top:50%;
	margin-top:-29px; 
	display:none
}
.tile-post .carousel-prev,
.post .carousel-prev{
	background:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/arrow-left.png) no-repeat;
	left:10px
}
.tile-post .carousel-next, 
.post .carousel-next{
	background:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/arrow-right.png) no-repeat;
	right:10px
}

@media(min-width:600px){
	.tf_swiper-container:hover .carousel-next,
	.tf_swiper-container:hover .carousel-prev{
		display:block
	}
}
/* hide pager circles on tiles */
.tile-post .carousel-pager{
	display:none
}

.post .carousel-pager{
	margin:0 0 5px;
	position:absolute;
	bottom:0;
	height:30px
}
.post .carousel-pager a{
	text-indent:-900em;
	text-decoration:none;
	width:11px;
	height:11px;
	margin:0 2px;
	cursor:pointer;
	background-color:#ccc;
	border:0;
	display:inline-block;
	vertical-align:middle;
	border-radius:10em;
	line-height:1.5em
}
.post .carousel-pager .selected{
	background-color:#ebebeb
}

/* post_slider styling inside tiles */
.tile-post .post-slider .carousel-prev,
.tile-post .post-slider .carousel-next{
	position:static;
	background:0;
	margin-top:5px
}
#pagewrap .module-slider .carousel-nav-wrap .carousel-prev span,
#pagewrap .module-slider .carousel-nav-wrap .carousel-next span{
	display:block
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video, .embed-youtube{
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	font-size:.9em
}
.post-video iframe,
.post-video object,
.post-video embed,
.embed-youtube iframe,
.embed-youtube object,
.embed-youtube embed{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%
}

/************************************************************************************
CUSTOM POST TYPE SHORTCODE STYLES
*************************************************************************************/
/*
PORTFOLIO POST TYPE
================================================ */
.grid4.portfolio-wrapper,
.grid3.portfolio-wrapper,
.grid2.portfolio-wrapper{
	overflow:visible!important;
	clear:both
}
.shortcode.portfolio .post{
	background-color:transparent;
	margin-bottom:10px
}
.shortcode.portfolio.full .post{
	margin-left:0;
	width:100%
}
.shortcode.portfolio.loops-wrapper.grid3 .post{
	width:calc( 32.4% - 10px );
	margin-left:1.4%;
	margin-bottom:10px
}
.sidebar-none .shortcode.portfolio.loops-wrapper.grid3 .post{
	margin-left:1%
}
.sidebar-none .shortcode.portfolio.loops-wrapper.grid2 .post{
	margin-left:1%
}
.shortcode.portfolio .post-image{
	margin:0
}
.shortcode.portfolio .post-image img{
	vertical-align:bottom;
	width:100%
}
.shortcode.portfolio .post-inner{
	padding:15px 20px
}
.shortcode.portfolio .post-title{
	font-weight:700;
	margin:0 0 5px
}

/* cancel nth of type clear */
.shortcode.portfolio.loops-wrapper.grid4 .post:nth-of-type(4n+1),
.shortcode.portfolio.loops-wrapper.grid3 .post:nth-of-type(3n+1),
.shortcode.portfolio.loops-wrapper.grid2 .post:nth-of-type(2n+1),
.shortcode.portfolio.loops-wrapper.grid2-thumb .post:nth-of-type(2n+1){
	margin-left:0;
	clear:none
}

/* portfolio single */
.single-portfolio .post{
	margin-bottom:0
}
.single-portfolio .post-inner{
	min-width:120px;
	padding:30px 3%;
	overflow:hidden;
	clear:none
}
.portfolio-post .post-category-wrap{
	margin:0 0 2px;
	font-size:.95em
}
.portfolio.shortcode .post-meta{
	padding:0;
	margin:0 0 5px;
	line-height:130%
}
.portfolio.shortcode .post-category{
	background:0;
	padding:0
}
.portfolio-post .post-category a{
	text-transform:uppercase;
	color:rgba(255,255,255,.7);
	text-decoration:none
}
.single-portfolio .post-image{
	float:left;
	padding:0;
	width:662px
}

/* single portfolio slideshow nav */
.single-portfolio .carousel-pager{
	text-align:left;
	position:absolute;
	top:10px;
	left:10px;
	z-index:2
}
.single-portfolio .carousel-pager a{
	font-size:1em;
	text-indent:0;
	text-align:center;
	width:26px;
	height:24px;
	padding-top:2px;
	background-color:#000;
	color:#FFF;
	border-radius:0;
	box-shadow:none
}
.single-portfolio .carousel-pager a:hover,
.single-portfolio .carousel-pager .selected{
	background-color:#FFF;
	color:#000
}

/* portfolio load more button */
.portfolio #load-more a{
	background-color:#f26522;
	color:#FFF
}

/************************************************************************************
POST COLORS
*************************************************************************************/
/* purple */
.post.purple,
.tile-post.purple,
.purple.tile-overlay,
.portfolio-post.purple .tile-overlay{
	background-color:#932091
}

/* magenta */
.post.magenta,
.tile-post.magenta,
.magenta.tile-overlay,
.portfolio-post.magenta .tile-overlay{
	background-color:#ff3097
}

/* teal */
.post.teal,
.tile-post.teal,
.teal.tile-overlay,
.portfolio-post.teal .tile-overlay{
	background-color:#00aaa9
}

/* lime */
.post.lime,
.tile-post.lime,
.lime.tile-overlay,
.portfolio-post.lime .tile-overlay{
	background-color:#8abb25
}

/* brown */
.post.brown,
.tile-post.brown,
.brown.tile-overlay,
.portfolio-post.brown .tile-overlay{
	background-color:#a15100
}

/* pink */
.post.pink,
.tile-post.pink,
.pink.tile-overlay,
.portfolio-post.pink .tile-overlay{
	background-color:#e878b8
}

/* orange */
.post.orange,
.tile-post.orange,
.orange.tile-overlay,
.portfolio-post.orange .tile-overlay{
	background-color:#f29603
}

/* blue */
.post.blue,
.tile-post.blue,
.blue.tile-overlay,
.portfolio-post.blue .tile-overlay{
	background-color:#09a3e2
}

/* red */
.post.red,
.tile-post.red,
.red.tile-overlay,
.portfolio-post.red .tile-overlay{
	background-color:#e82900
}

/* green */
.post.green,
.tile-post.green,
.green.tile-overlay,
.portfolio-post.green .tile-overlay{
	background-color:#2c9633
}

/* white */
.post.white,
.tile-post.white,
.white.tile-overlay,
.portfolio-post.white .tile-overlay{
	background-color:#FFF
}

/* black */
.post.black,
.tile-post.black,
.black.tile-overlay,
.portfolio-post.black .tile-overlay{
	background-color:#000
}

/************************************************************************************
POST FORMATS
*************************************************************************************/
/* post icon */
.post-icon{
	background:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-article.png) no-repeat center center;
	width:26px;
	height:20px;
	float:left;
	margin:5px 10px 0 0
}

.format-audio .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-audio.png);
	margin-top:2px
}
.format-audio .audio-player{ margin:8px 0 10px; overflow:hidden } /* for flash fallback */
.format-gallery .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-gallery.png)
}
.format-link .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-link.png)
}
.format-quote .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-quote.png)
}
.format-status .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-status.png)
}
.format-aside .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-text.png)
}
.format-video .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-video.png)
}
.format-image .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-image.png)
}
.format-chat .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-chat.png)
}

/* quote */
.format-quote .quote-author{
	font-weight:300;
	padding:1em 0 0;
	clear:both;
	text-align:right
}

/* quote and status containers */
.format-quote .post-inner,
.format-status .post-inner{
	padding:20px
}
.format-quote .quote-content,
.format-status .status-content{
	margin-left:30px
}
.format-quote .quote-content p,
.format-status .status-content p{
	margin:0
}

/*
WHITE STYLE
================================================ */
/* post icons */
.white .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-article.png)
}
.white.format-audio .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-audio.png)
}
.white.format-gallery .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-gallery.png)
}
.white.format-link .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-link.png)
}
.white.format-quote .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-quote.png)
}
.white.format-status .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-status.png)
}
.white.format-aside .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-text.png)
}
.white.format-video .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-video.png)
}
.white.format-image .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-image.png)
}
.white.format-chat .post-icon{
	background-image:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/dark-icons/icon-chat.png)
}

/* reset colors */
.post.white,
.tile-post.white,
.white.tile-overlay,
.post.white .tile-overlay,
.shortcode.portfolio.white .post{
	color:#666
}
.post.white a,
.tile-post.white a,
.white .post-title a,
.white.tile-overlay a,
.white .post-meta,
.white .post-meta a,
.white .post-date, 
.white .shortcode .post-date,
.white .portfolio-post .post-category a,
.tile.white .shortcode.twitter-list .twitter-timestamp a,
.white .commentlist .comment-time{
	color:#000;
	color:rgba(0, 0, 0, .8)
}
.single-portfolio .carousel-pager a{
	color:#FFF
}

/* form elements */
.white input[type="text"],
.white input[type="password"],
.white textarea,
.white input[type="search"]{
	background-color:#000;
	color:#FFF
}
.white input[type=text]:focus,
.white input[type=password]:focus,
.white textarea:focus,
.white input[type=search]:focus{
	background-color:#222
}

/************************************************************************************
PAGE NAVIGATION
*************************************************************************************/
/************************************************************************************
AUTHOR BOX
*************************************************************************************/
.author-box{
	margin:15px 0
}
.author-box .author-avatar{
	float:left;
	margin:0 15px 5px 0
}
.author-box .author-name{
	margin:0 0 5px
}
/************************************************************************************
POST NAVIGATION (the <nextpage> tag)
*************************************************************************************/
.post-pagination{
	text-align:right;
	margin:.5em 0 2em
}
.post-pagination strong{
	margin-right:3px
}
.post-pagination a{
	margin-left:3px;
	margin-right:3px
}
/************************************************************************************

POST NAVIGATION
*************************************************************************************/
.post-nav{
	margin:40px 0;
	padding:0;
	clear:both
}
.post-nav .prev,
.post-nav .next{
	width:48%;
	position:relative
}
.post-nav a{
	color:#fff;
	line-height:1.2em;
	font-size:1.2em;
	text-decoration:none;
	display:inline-block;
	vertical-align:middle
}
.post-nav a:hover{
	text-decoration:none
}
.post-nav .prev{
	float:left
}
.post-nav .next{
	float:right;
	text-align:right
}
.post-nav .arrow{
	width:43px;
	height:43px;
	display:inline-block;
	text-indent:9000em;
	vertical-align:middle;
	margin-right:5px;
	position:relative;
	border:2px solid;
	border-radius:100%;
	overflow:hidden
}
.post-nav .next .arrow{
	margin-left:5px;
	margin-right:0
}
.post-nav .arrow:before{
	content:'\e802';
	display:block;
	text-indent:0;
	font-family:'themify_theme_icon';
	font-size:1.7em;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%)
}
.post-nav .next .arrow:before{
	content:'\e803'	
}

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap{
	margin:0 0 20px;
	position:relative;
	clear:both
}

/* comment title */
.comment-title, #reply-title{
	font-size:1.6em;
	margin:0 0 10px;
	padding:0
}

/* comment pagenav */
.commentwrap .pagenav{
	margin:10px 0;
	border:0;
	box-shadow:none
}
.commentwrap .pagenav.top{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0
}

/* commentlist */
.commentlist{
	margin:0 0 30px;
	padding:5px 0 0;
	border-top:solid 1px #ddd
}
.commentlist li{
	margin:0;
	padding:15px 0 0;
	list-style:none;
	position:relative
}
.commentlist .comment-author{
	margin:2px 0 5px;
	padding:0
}
.commentlist .avatar{
	float:left;
	margin:0 15px 0 0
}
.commentlist cite{
	font-style:normal;
	font-size:1.3em
}
.commentlist cite a{
	text-decoration:none
}
.commentlist cite .tf_fa{
	margin-right:10px
}
.commentlist .bypostauthor > .comment-author cite{
	background:url(https://blog.kenwright.me.uk/wp-content/themes/metro/images/icon-author-comment.png) no-repeat 0 2px;
	padding-left:18px
}
.commentlist .comment-time{
	font-size:.85em;
	font-variant:small-caps;
	color:#EEE;
	color:rgba(255, 255, 255, .8)
}
.commentlist .commententry{
	border-bottom:solid 1px #ddd;
	position:relative;
	min-height:40px;
	overflow:hidden;
	padding-bottom:5px;
	overflow-wrap:break-word
}
.commentlist ul, .commentlist ol{
	margin:0 0 0 8%;
	padding:0
}

/* reply link */
.commentlist .reply{
	position:absolute;
	right:0;
	top:8px
}
.commentlist .comment-reply-link{
	font-size:.85em;
	text-transform:uppercase;
	text-decoration:none
}
.commentlist .comment-reply-link:hover{
	text-decoration:none
}

/* comment form */
#respond{
	margin:0;
	padding:10px 0 0;
	position:relative;
	clear:both
}
#respond #cancel-comment-reply-link{
	position:absolute;
	top:20px;
	right:0;
	font-size:.85em;
	line-height:1em;
	text-decoration:none;
	padding:5px 10px;
	display:block;
	color:#fff;
	background-color:#000
}
#respond #cancel-comment-reply-link:hover{
	background-color:#222
}
#commentform{
	margin:15px 0 0
}
#commentform label{
	font-size:1.05em;
	font-variant:small-caps
	
}
#commentform label small{
	font-variant:normal
}
#commentform textarea{
	height:140px;
	width:100%;
	box-sizing:border-box
}
#commentform .comment-form-author,
#commentform .comment-form-email{
	width:50%;
	float:left;
	box-sizing:border-box;
	clear:none
}
#commentform p.comment-form-author{
    padding-right:2%
}
#commentform .comment-form-email{
	padding-left:2%
}
#commentform input[type=text],
#commentform input[type=email],
#commentform input[type=url]{
	width:100%;
	max-width:none;
	box-sizing:border-box
}
#commentform input#submit{
	padding:15px 30px
}

/************************************************************************************
SIDEBAR
*************************************************************************************/
.widget{
	background-color:#f26522;
	padding:20px 15px;
	margin-bottom:3%
}
.widgettitle{
	font-size:1.3em;
	line-height:1em;
	margin:0 0 20px
}
.widgettitle a{
	text-decoration:none
}
.widget ul{
	margin:0;
	padding:0
}
.widget li{
	list-style:none;
	margin-bottom:10px
}
.widget li a{
	text-decoration:none
}
.widget li a:hover{
	text-decoration:underline
}
.widget li:last-child{
	margin-bottom:0
}
.widget ul ul{
	margin:6px 0 -6px;
	padding:0;
	border-top:none
}
.widget ul ul li{
	margin:0;
	padding-left:10px
}

/* sidebar secondary */
#sidebar .secondary{
	width:48.46%;
	float:left
}
#sidebar .secondary.last{
	float:right
}
#sidebar .secondary .widget{
	margin-bottom:6.3%
}

/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
.widget #wp-calendar caption{
	font-weight:bold;
	padding-bottom:10px
}
.widget #wp-calendar td{
	width:31px;
	padding:4px 2px;
	text-align:center
}

/* feature posts widget */
.widget .feature-posts-list br{
	display:none
}
.widget .feature-posts-list .post-img{
	margin:-4px 12px 10px 0;
	float:left
}
.widget .feature-posts-list small{
	font-size:.9em;
	color:#EEE;
	color:rgba(255, 255, 255, .6);
	display:block;
	margin:6px 0 3px
}
.widget .feature-posts-list .feature-posts-title{
	margin:7px 0 3px
}
.widget .feature-posts-list .post-excerpt{
	display:block
}

/* twitter widget */
.widget .twitter-list .twitter-timestamp{
	font-size:.9em
}
.widget .follow-user{
	margin:0;
	padding:5px 0
}

/* links widget */
.widget .links-list img, .widget_links img{
	vertical-align:middle
}

/* recent comments widget */
.recent-comments-list .avatar{
	margin-right:12px;
	float:left
}

/* flickr widget */
.widget .flickr_badge_image{
	margin-top:10px
}
.widget .flickr_badge_image img{
	width:50px;
	height:50px;
	margin-right:12px;
	margin-bottom:12px;
	float:left
}

/* flickr shortcode */
.shortcode .flickr_badge_image{
	width:23.8%;
	margin:0 1.5% 1.5% 0;
	float:left
}
.shortcode .flickr_badge_image:nth-of-type(4n){
	margin-right:0
}
.shortcode .flickr_badge_image img{
	margin:0
}

/* search widget */
#sidebar #searchform{
	position:static
}
#sidebar #searchform #s{
	width:93%
}

/* add white bg to facebook badge iframe */
iframe[src*="facebook"]{
	background-color:#fff
}

/* reset twitter embed max-width to 100% */
#content .twitter-tweet-rendered{
	max-width:100%!important
}
#content .twt-border{
	max-width:100%!important;
	min-width:180px!important
}

/* Social Links Widget */
.widget .social-links{
	margin:0 0 20px;
	padding:0;
	line-height:1em
}
.widget .social-links li{
	margin:0 5px 5px 0;
	padding:0;
	list-style:none;
	border:0;
	display:inline-block
}
.widget .social-links img{
	vertical-align:middle
}

/* Text widget */
.widget .textwidget ul{
	margin:0 0 1.4em 1.6em
}
.widget .textwidget li{
	display:list-item
}
.widget .textwidget ul li{
	list-style:disc
}
.widget .textwidget ol li{
	list-style:decimal
}

/************************************************************************************
LOAD MORE BUTTON
*************************************************************************************/
#load-more{
	clear:both;
	margin:50px 0;
	text-align:center
}
#load-more a{
	font-size:1.3em;
	font-weight:300;
	color:#000;
	background-color:#fff;
	padding:14px 28px;
	text-decoration:none;
	display:none
}
#load-more a:hover{
	color:#fff;
	background-color:#333
}


/************************************************************************************
FOOTER
*************************************************************************************/
#footer{
	padding-bottom:50px;
	font-size:.9em;
	color:rgba(255,255,255,.7)
}
#footer a{
    color:#fff;
    text-decoration:none
}

/* footer grid */
#footer .col4-1,
#footer .col4-2,
#footer .col3-1{
	margin-left:1%;
	float:left
}
#footer .col4-1{
	width:24.25%
}
#footer .col4-2{
	width:49.45%;
	margin-left:1.1%
}
#footer .col3-1{
	width:32.66%
}
#footer .col4-1.first,
#footer .col4-2.first,
#footer .col3-1.first{
	margin-left:0;
	clear:left
}

/* footer navigation */
#footer-nav{
	margin:20px 0
}
#footer-nav a{
	text-decoration:none
}
#footer-nav a:hover{
	text-decoration:underline
}
#footer-nav li{
	margin-right:10px;
	list-style:none;
	display:inline-block
}

/************************************************************************************
WORDPRESS POST FORMATTING
*************************************************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone{
	margin-bottom:15px
}
.alignleft{
	float:left;
	margin-right:30px
}
.alignright{
	float:right;
	margin-left:30px
}
.aligncenter{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto
}
.wp-caption{
	text-align:center;
	margin-bottom:15px;
	max-width:100%
}
.wp-caption-text{
	font-size:95%;
	line-height:120%;
	margin:6px 0
}
/************************************************************************************
ATTACHMENT SINGLE VIEW
*************************************************************************************/
.attachment.single-attachment, .single-attachment .attachment{
	float:none;
	margin:0;
	text-align:left
}
/************************************************************************************
GALLERY
*************************************************************************************/

#content .loops-wrapper.grid4 .gallery img,
#content .loops-wrapper.grid3 .gallery img,
#content .loops-wrapper.grid2 .gallery img{
	max-width:60px
}
/* default lightbox text color */
.pp_details{
	color:#666
}
/************************************************************************************
CLEAR & ALIGNMENT
*************************************************************************************/
.clear{
	clear:both
}
.left{
	float:left
}
.right{
	float:right
}
.textleft{
	text-align:left
}
.textright{
	text-align:right
}
.textcenter{
	text-align:center
}

/* clearfix */
.widget li:after, #body:after, #footer:after, footer:after,#main-nav:after, .menu:after, #content:after
{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0 }
.widget li, #body, #footer, footer,#main-nav, .menu
{ display:block }

#pagewrap a.tile-flip-button{
	position:absolute;
	bottom:0;
	right:0;
	width:0;
	height:0;
	border-top:20px solid transparent;
	border-left:20px solid transparent;
	border-bottom:20px solid #ec0038;
	border-right:20px solid #ec0038;
	color:#fff;
	font-size:12px;
	padding:0
}
#pagewrap a.tile-flip-button:before,
#pagewrap a.tile-flip-button:after{
	content:'';
	display:inline-block
}
#pagewrap a.tile-flip-button:before{
    border-top:0;
    border-right:1px solid;
    border-bottom:1px solid;
    border-left:0;
	height:1em;
	width:1em;
	border-bottom-right-radius:7px;
	position:absolute;
	left:-3px
}
#pagewrap a.tile-flip-button:after{
	border:1px solid transparent;
	position:absolute;
	top:6px;
	left:2px;
	width:9px;
	height:9px;
	transform:rotateZ(-45deg);
	transform-origin:0 0;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden
}
@media(hover:hover){
	#pagewrap a.tile-flip-button{
		display:none!important
	}
}

/*BASE MEDIA QUERIES*/
@media(max-width:1260px){
	.default_width #layout .row_inner{
		max-width:100%
	}
}

/*/wp-content/themes/metro/media-queries.css*/
@media (max-width:1200px){
@media(max-width:1020px){

	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#pagewrap{
		max-width:100%
	}

	.pagewidth,
	.row_inner{
		max-width:90%
	}
	.tile-post.small{
		width:calc(25% - 10px);
		padding-bottom:calc(25% - 10px)
	}
	.tile-post.medium{
		width:calc(50% - 10px);
		padding-bottom:calc(25% - 10px)
	}
	.tile-post.large{
		width:calc(50% - 10px);
		padding-bottom:calc(50% - 10px);
		overflow:auto;
		-webkit-overflow-scrolling:touch
	}

	/* tile size in columns */
	.col4-1 .tile-post.small,
	.col3-2 .tile-post.small,
	.col3-1 .tile-post.small,
	.col2-1 .tile-post.small{
		width:calc(50% - 10px);
		padding-bottom:calc(50% - 10px)	
	}
	.col4-1 .tile-post.medium,
	.col3-2 .tile-post.medium,
	.col3-1 .tile-post.medium,
	.col2-1 .tile-post.medium{
		width:100%;
		padding-bottom:calc(50% - 10px)	
	}
	.col4-1 .tile-post.large,
	.col3-2 .tile-post.large,
	.col3-1 .tile-post.large,
	.col2-1 .tile-post.large{
		width:100%;
		padding-bottom:100%	
	}
	
}

@media(max-width:760px){
	
	/************************************************************************************
	CUSTOM POST TYPE SHORTCODE STYLES
	*************************************************************************************/
	/* portfolio details */
	.single .portfolio .post-inner{
		padding:3%
	}
}

@media(max-width:700px){
	
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#content,
	#sidebar{
		width:100%;
		max-width:100%;
		float:none;
		clear:both
	}
	#sidebar .secondary{
		width:49%
	}
	
	/************************************************************************************
	SIDEBAR
	*************************************************************************************/
	.widget{
		margin-bottom:1.5%
	}
	#sidebar .secondary .widget{
		margin-bottom:3.5%
	}
	
}

@media(max-width:680px){
    #site-logo{
    	float:none;
    	margin:0 0 5px
    }
	#site-description{
	    position:static!important;
	    margin:0 0 20px;
	    border:0;
	    padding:0
    }
	
	/************************************************************************************
	LAYOUTS
	*************************************************************************************/
	/* loops-wrapper */
	.loops-wrapper{
		width:100%!important
	}

	/* portfolio-wrapper */
	.portfolio-wrapper{
		margin-left:0!important
	}
	
	/************************************************************************************
	POST VIDEO (css for fluid video)
	*************************************************************************************/
	.post-video{
		clear:both
	}

	/* disable webkit text size adjust (for iPhone) */
	html{
		-webkit-text-size-adjust:none
	}
	
	/************************************************************************************
	STRUCTURE
	*************************************************************************************/
	#body{
		padding:34px 0
	}
	#content{
		overflow:hidden
	}

	/************************************************************************************
	GRID
	*************************************************************************************/
	.col4-1,
	.col4-2, .col2-1,
	.col4-3,
	.col3-1,
	.col3-2	{
		margin-left:0;
		width:100%;
		max-width:100%
	}
	
	/************************************************************************************
	POST
	*************************************************************************************/
	/* post */
	.post{
		max-width:100%!important;
		margin-left:0!important;
		float:none!important;
		width:auto!important
	}
	.portfolio-post{
		width:100%!important
	}
	
	/* reset grid margin */
	.loops-wrapper.grid2 .post,
	.loops-wrapper.grid3 .post,
	.loops-wrapper.grid2.sidebar-none .post,
	.loops-wrapper.grid3.sidebar-none .post,
	.shortcode.portfolio .post,
	.sidebar-none .shortcode.portfolio .post,
	.portfolio.loops-wrapper.grid3 .post,
	.sidebar-none .portfolio.loops-wrapper.grid3 .post,
	.portfolio.loops-wrapper.grid2 .post,
	.sidebar-none .portfolio.loops-wrapper.grid2 .post{
		margin-bottom:10px
	}
	
	/************************************************************************************
	POST NAV
	*************************************************************************************/
	.post-nav .prev, .post-nav .next{
		display:block;
		width:100%;
		clear:both;
		margin-bottom:10px
	}

	.single-portfolio .post-nav .prev, .post-nav .next{
		display:inline-block;
		width:auto;
		clear:none;
		margin-bottom:5px
	}
	
	/************************************************************************************
	COMMENTS
	*************************************************************************************/
	.commentlist{
		padding-left:0
	}
	.commentlist .commententry{
		clear:left
	}
	.commentlist .avatar{
		float:left;
		width:40px;
		height:40px;
		margin:0 10px 10px 0
	}

	/************************************************************************************
	TILE
	*************************************************************************************/
	.tile-post.small{
		width:calc(50% - 10px)!important;
		padding-bottom:calc(50% - 10px)
	}
	.tile-post.medium{
		width:calc(100% - 10px);
		padding-bottom:calc(50% - 10px)
	}
	.tile-post.large{
		width:calc(100% - 10px);
		padding-bottom:calc(100% - 10px);
		overflow:auto;
		-webkit-overflow-scrolling:touch
	}
	.tile-post.image .tile-flip,
	.tile-post.map .tile-flip{
		height:100%;
		width:100%; /* tile large and medium */
	}
	.tile-post.small .tile-flip{
		width:100%
	}
	.tile-post.large .tile-flip{
		height:100%
	}
	
	/************************************************************************************
	WOOCOMMERCE SUPPORT
	*************************************************************************************/
	.woocommerce #content div.product div.images,
	.woocommerce #content div.product div.summary{
		float:none!important;
		width:100%!important
	}
}

}
/*/wp-content/uploads/themify-customizer-7.2.3-7.1.3.css*/

/* Themify Custom CSS */
/* Slider Custom CSS Start */
.swiper-container
{
    width: 100%;
}

.tf_carousel.swiper-container
{ 
	width:100% ;
}

.themify_builder_slider_wrap:not(:hover) .carousel-prev, 
.themify_builder_slider_wrap:not(:hover) .carousel-next
{
	display: none !important;
}
/* Slider Custom CSS End   */
.tf_carousel.swiper-container
{ 
	width:100% ;
}
div.themify_builder_slider_vertical .carousel-prev, 
div.themify_builder_slider_vertical .carousel-next{
z-index:9;
}


/* START MOBILE MENU CSS */
@media screen and (max-width:1200px){
/*/wp-content/themes/metro/mobile-menu.css*/
/************************************************************************************
MOBILE MENU ACTIVE
*************************************************************************************/
/* change max-width to trigger mobile menu active class */

/************************************************************************************
HEADER
*************************************************************************************/
/* reset absolute elements to static */
#main-nav,
.social-widget{
	position:static;
	float:none;
	clear:both;
}

/* header */
#header{
	height:auto;
	padding-top:10px;
}

/* site logo */
#site-logo a{
	font-size:30px;
}

/* searchform wrap */
#searchform-wrap{
	bottom:8px;
	right:0;
}

/************************************************************************************
MOBILE NAV BUTTON
*************************************************************************************/
#menu-icon{
	border-bottom:2px solid;
	background-color:#fff;
	color:#333;
	cursor:pointer;
	display:block;
	text-decoration:none;
	width:12px;
	height:10px;
	padding:2px 4px;
	z-index:9999;
	outline:8px solid #fff;
}
#menu-icon:before,
#menu-icon:after{
	content:'';
	display:block;
	border-top:2px solid;
	position:absolute;
	left:0;
	width:100%;
	transition:all .3s ease;
	transition-property:transform;
}
#menu-icon:before{
	top:0;
}
#menu-icon:after{
	top:50%;
	transform:translateY(-50%);
}

/************************************************************************************
MAIN NAV (MOBILE)
*************************************************************************************/
#main-nav-wrap{
	position:absolute;
	right:8px;
	top:20px;
}

/* main nav */
#main-nav{
	clear:both;
	position:absolute;
	top:25px;
	right:-8px;
	left:auto;
	bottom:auto;
	width:220px;
	height:auto;
	z-index:1000;
	padding:5px 0;
	background-color:#fff;
	display:none; /* visibility will be toggled with jquery */
	margin:0;
	max-height:70vh;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	box-shadow:0 1px 12px rgba(0,0,0,.2);
}
#main-nav li{
	clear:both;
	float:none;
	display:block;
	margin:0;
	padding:0;
	border:0;
	background:0;
}
#main-nav a,
#main-nav ul a{
	width:auto;
	display:block;
	padding:7px 15px;
	margin:0
}
#main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a{
	width:auto;
}
#main-nav a:hover,
#main-nav ul a:hover,
#main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover,
#main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover{
	background:rgba(0,0,0,.05);
	color:#000;
}

/* dropdown */
#main-nav ul{
	position:static;
	display:block;
	margin:0;
	padding:0;
	background:0;
}
#main-nav ul li{
	background:0;
}
#main-nav ul a{
	padding-left:30px;
}
}
/* END MOBILE MENU CSS */