
$size__spacing-unit: 1rem;
$input_pad: 8px;
$input_height: 42px;

$line_height_pad: 20px;
$blocks_hor_pad: 20px;
$cont_vert_pad: 40px;
$cont_sidebar_pad: 40px;
$default_list_top_pad: 8px;
$default_list_left_pad: 20px;

$bdrs_width: 6px;
$but_bdrs_width: 0;
$but_bd_width: 0;

$col_mar: 1.7%;

$resp_blocks_pad: 66.28%;

$preloader_blog_default_pad: 66.28%;
$preloader_blog_masonry_pad: 65.52%;
$preloader_blog_timeline_pad: 65.52%;
$preloader_blog_puzzle_pad: 100%;
$preloader_open_post_pad: 66.28%;
$preloader_portfolio_grid_pad: 75.86%;
$preloader_open_project_pad: 75.86%;
$preloader_posts_slider_post_pad: 65.52%;
$preloader_posts_slider_project_pad: 75.86%;
$preloader_archives_pad: 100%;

$sidebar_width: 28%;
$content_width: 100% - $sidebar_width;

$mid_nav_dropdown_width: 220px;
$mid_nav_dropdown_pad_top: 15px;
$mid_nav_dropdown_pad_bot: 23px;
$mid_nav_dropdown_vert_mar_start: 20px;
$mid_nav_dropdown_vert_mar_end: 1px;
$mid_nav_dropdown_hor_mar_start: 20px;
$mid_nav_dropdown_hor_mar_end: 3px;

$bot_nav_dropdown_width: 220px;
$bot_nav_dropdown_pad_top: 15px;
$bot_nav_dropdown_pad_bot: 23px;
$bot_nav_dropdown_vert_mar_start: 20px;
$bot_nav_dropdown_vert_mar_end: 1px;
$bot_nav_dropdown_hor_mar_start: 20px;
$bot_nav_dropdown_hor_mar_end: 3px;

$top_nav_dropdown_width: 126px;
$top_nav_dropdown_pad_top: 14px;
$top_nav_dropdown_pad_bot: 12px;
$top_nav_dropdown_vert_mar_start: 20px;
$top_nav_dropdown_vert_mar_end: 1px;
$top_nav_dropdown_hor_mar_start: 20px;
$top_nav_dropdown_hor_mar_end: 3px;

$cont_width_def: 980px;
$cont_width_large: 1200px;
$cont_width_full: 100%;
$cont_width_min: 320px;

$input_text: e('input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=reset]):not([type=submit]):not([type=color]):not([type=range])');

$monitor_large: '(min-width: 1440px)';
$monitor_medium_large: '(min-width: 1025px) and (max-width: 1240px)';
$monitor_medium: '(min-width: 1025px)';
$monitor_tablet: '(max-width: 1024px)';
$monitor_tablet_950: '(max-width: 950px)';
$monitor_tablet_small: '(max-width: 768px)';
$monitor_tablet_600: '(max-width: 600px)';
$monitor_phone: '(max-width: 540px)';
$monitor_phone_small: '(max-width: 320px)';



@mixin fl(){
	float:left;
}

@mixin fr(){
	float:right;
}

@mixin dn(){
	display:none;
}

@mixin tal(){
	text-align:left;
}

@mixin tac(){
	text-align:center;
}

@mixin tar(){
	text-align:right;
}

@mixin cl(){
	clear:both;
}

@mixin ovh(){
	overflow:hidden;
}

@mixin m0a(){
	margin:0 auto;
}

@mixin bd($w:1px, $t:solid){
	border-width:$w;
	border-style:$t;
}

@mixin bdt($w:1px, $t:solid){
	border-top-width:$w;
	border-top-style:$t;
}

@mixin bdb($w:1px, $t:solid){
	border-bottom-width:$w;
	border-bottom-style:$t;
}

@mixin bdr($w:1px, $t:solid){
	border-right-width:$w;
	border-right-style:$t;
}

@mixin bdl($w:1px, $t:solid){
	border-left-width:$w;
	border-left-style:$t;
}

@mixin color_white_opacity($op:.5){
	color:rgba(255, 255, 255, $op);
}

@mixin bg_white_opacity($op:.5){
	background-color:rgba(255, 255, 255, $op);
}

@mixin fullwidth_in_block(){
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}

@mixin op($op:.5){
	opacity:$op;
}

@mixin display_flex(){
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
}

@mixin display_inline_flex(){
	display:-webkit-inline-flex;
	display:-moz-inline-flex;
	display:-ms-inline-flex;
	display:inline-flex;
}

@mixin flex_direction($d:row){
	-webkit-flex-direction:$d;
	-moz-flex-direction:$d;
	-ms-flex-direction:$d;
	flex-direction:$d;
}

@mixin flex_wrap($d:nowrap){
	-webkit-flex-wrap:$d;
	-moz-flex-wrap:$d;
	-ms-flex-wrap:$d;
	flex-wrap:$d;
}

@mixin justify_content($d:flex-start){
	-webkit-justify-content:$d;
	-moz-justify-content:$d;
	-ms-justify-content:$d;
	justify-content:$d;
}

@mixin align_items($d:stretch){
	-webkit-align-items:$d;
	-moz-align-items:$d;
	-ms-align-items:$d;
	align-items:$d;
}

@mixin align_content($d:stretch){
	-webkit-align-content:$d;
	-moz-align-content:$d;
	-ms-align-content:$d;
	align-content:$d;
}

@mixin cl_after(){
	content:'.';
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	overflow:hidden;
}

@mixin valign_after(){
	content:'';
	display:inline-block;
	vertical-align:middle;
	height:100%;
}

@mixin pos_abs($w:1em, $h:1em, $l:0, $r:0, $t:0, $b:0){
	width:$w;
	height:$h;
	margin:auto !important;
	position:absolute;
	left:$l;
	right:$r;
	top:$t;
	bottom:$b;
}

@mixin bdbx(){
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

@mixin ctbx(){
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}

@mixin bdrs($radius:$bdrs_width){
	-webkit-border-radius:$radius;
	border-radius:$radius;
}

@mixin bxsh($x:0, $y:0, $blur:5px, $spred:0, $alpha:.05){
	-webkit-box-shadow:$x $y $blur $spred rgba(0, 0, 0, $alpha);
	box-shadow:$x $y $blur $spred rgba(0, 0, 0, $alpha);
}

@mixin bxsh_white($x:0, $y:0, $blur:5px, $spred:0, $alpha:.05){
	-webkit-box-shadow:$x $y $blur $spred rgba(255, 255, 255, $alpha);
	box-shadow:$x $y $blur $spred rgba(255, 255, 255, $alpha);
}

@mixin bxshi($x:0, $y:0, $blur:5px, $spred:0, $alpha:.05){
	-webkit-box-shadow:inset $x $y $blur $spred rgba(0, 0, 0, $alpha);
	box-shadow:inset $x $y $blur $spred rgba(0, 0, 0, $alpha);
}

@mixin bxshi_white($x:0, $y:0, $blur:5px, $spred:0, $alpha:.05){
	-webkit-box-shadow:inset $x $y $blur $spred rgba(255, 255, 255, $alpha);
	box-shadow:inset $x $y $blur $spred rgba(255, 255, 255, $alpha);
}

@mixin bxsh_none(){
	-webkit-box-shadow:none;
	box-shadow:none;
}

@mixin trans($trans:0){
    -webkit-transition:$trans;
    -moz-transition:$trans;
    -ms-transition:$trans;
    -o-transition:$trans;
    transition:$trans;
}

@mixin arrow_top($h:5px, $w:5px){
	border-top:0 solid transparent !important;
	border-left:$w solid transparent !important;
	border-right:$w solid transparent !important;
	border-bottom-width:$h;
	border-bottom-style:solid;
}

@mixin arrow_bottom($h:5px, $w:5px){
	border-bottom:0 solid transparent !important;
	border-left:$w solid transparent !important;
	border-right:$w solid transparent !important;
	border-top-width:$h;
	border-top-style:solid;
}

@mixin arrow_left($h:5px, $w:5px){
	border-left:0 solid transparent !important;
	border-top:$w solid transparent !important;
	border-bottom:$w solid transparent !important;
	border-right-width:$h;
	border-right-style:solid;
}

@mixin arrow_right($h:5px, $w:5px){
	border-right:0 solid transparent !important;
	border-top:$w solid transparent !important;
	border-bottom:$w solid transparent !important;
	border-left-width:$h;
	border-left-style:solid;
}

@mixin arrow_top_left($h:5px, $w:5px){
	border-right:$w solid transparent !important;
	border-left:0 solid transparent !important;
	border-bottom:0 solid transparent !important;
	border-top-width:$h;
	border-top-style:solid;
}

@mixin arrow_top_right($h:5px, $w:5px){
	border-bottom:$h solid transparent !important;
	border-top:0 solid transparent !important;
	border-left:0 solid transparent !important;
	border-right-width:$w;
	border-right-style:solid;
}

@mixin arrow_bottom_left($h:5px, $w:5px){
	border-top:$h solid transparent !important;
	border-right:0 solid transparent !important;
	border-bottom:0 solid transparent !important;
	border-left-width:$w;
	border-left-style:solid;
}

@mixin arrow_bottom_right($h:5px, $w:5px){
	border-left:$w solid transparent !important;
	border-top:0 solid transparent !important;
	border-right:0 solid transparent !important;
	border-bottom-width:$h;
	border-bottom-style:solid;
}

@mixin default_list($w:0, $h:0, $m:0, $bdrs:0){
	outline:none;
	list-style-type:none;
	
	> li {
		display:block;
		position:relative;
		
		&:before {
			content:'\eb22';
			font-family:'fontello';
			font-style:normal;
			font-weight:normal;
			speak:none;
			display:inline-block;
			text-decoration:inherit;
			width:1em;
			padding:0;
			margin:0 5px 0 0;
			text-align:center;
			font-variant:normal;
			text-transform:none;
			line-height:1em;
			position:relative;
		}
	}
}

@mixin default_blockquote(){
	padding:0 0 0 30px;
	margin:0 0 $line_height_pad; /* don't touch */
	position:relative;
	quotes:none;
	
	&:before {
		content:'\201D';
		font-size:50px;
		line-height:58px;
		position:absolute;
		left:0;
		top:0;
	}
	
	&:after {
		content:none;
	}
	
	p:last-of-type {
		margin:0;
		padding:0;
	}
	
	cite {
		display:block;
	}
}

@mixin default_table(){
	border-spacing:0;
	margin-bottom:$line_height_pad; /* don't touch */
	width:100%;
	@include bd(0);
	
	caption {
		text-align:center;
		padding:0 0 30px;
	}
	
	tr {
		td, 
		th {
			@include bd(0);
			
			&.cmsmasters_table_cell_aligncenter {
				text-align:center;
			}
			
			&.cmsmasters_table_cell_alignleft {
				text-align:left;
			}
			
			&.cmsmasters_table_cell_alignright {
				text-align:right;
			}
		}
		
		th {
			padding:17px 38px;
			
			&:first-child {
				@include bdrs($bdrs_width 0 0 0);
			}
			
			&:last-child {
				@include bdrs(0 $bdrs_width 0 0);
			}
		}
	}
	
	tbody {
		tr {
			&:first-child {
				th,
				td {
					padding-top:32px;
				}
			}
			
			&:last-child {
				th,
				td {
					padding-bottom:32px;
				}
			}
			
			th,
			td {
				padding:22px 38px 0;
			}
		}
	}
	
	tfoot {
		tr {
			&:last-child {
				td,
				th {
					&:first-child {
						@include bdrs(0 0 0 $bdrs_width);
					}
					
					&:last-child {
						@include bdrs(0 0 $bdrs_width 0);
					}
				}
			}
			
			td,
			th {
				padding:17px 38px;
				@include bdrs(0);
				
				&:first-child,
				&:last-child {
					@include bdrs(0);
				}
			}
		}
	}
	
	/* Variation - Border Radius Start */
	thead {
		&:last-child {
			tr:last-child {
				th,
				td {
					&:first-child {
						@include bdrs($bdrs_width 0 0 $bdrs_width);
					}
					
					&:last-child {
						@include bdrs(0 $bdrs_width $bdrs_width 0);
					}
				}
			}
		}
	}
	
	caption + tbody,
	tbody:first-child {
		tr {
			&:first-child {
				th,
				td {
					&:first-child {
						@include bdrs($bdrs_width 0 0 0);
					}
					
					&:last-child {
						@include bdrs(0 $bdrs_width 0 0);
					}
				}
			}
		}
	}
	
	thead,
	tbody {
		&:last-child {
			tr:last-child {
				th,
				td {
					&:first-child {
						@include bdrs(0 0 0 $bdrs_width);
					}
					
					&:last-child {
						@include bdrs(0 0 $bdrs_width 0);
					}
				}
			}
		}
	}
	
	tfoot:first-child,
	caption + tfoot {
		tr {
			&:first-child {
				td {
					&:first-child {
						@include bdrs($bdrs_width 0 0 $bdrs_width);
					}
					
					&:last-child {
						@include bdrs(0 $bdrs_width $bdrs_width 0);
					}
				}
			}
		}
	}
	/* Variation - Border Radius Finish */
	
	/* for gutenberg start */
	&.is-style-stripes {
		@include bd(0);
		
		td,
		th {
			padding:15px 38px;
		}
		
		tr {
			&:first-child {
				td,
				th {
					padding:15px 38px;
				}
			}
			
			&:last-child {
				td,
				th {
					padding:15px 38px;
				}
			}
		}
		
		tr:nth-child(odd) {
			background-color:transparent !important;
		}
	}
	/* for gutenberg end */
	
	caption {
		text-align:center;
		padding:20px;
	}
}

@mixin default_button(){
	white-space:nowrap;
	display:inline-block;
	padding:0 30px;
	position:relative;
	@include tac;
	@include bd(2px);
	@include bdrs(25px);
}

@mixin default_select($plugin:0){
	line-height:1em;
	text-indent:0.01px;
	text-overflow:'';
	padding:$input_pad 40px $input_pad 18px;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	appearance:none !important;
	background-position:100% center;
	background-repeat:no-repeat;
	height:$input_height;
	@include bdrs();
	
	&:focus {
		@include bdrs(0);
	}
}

