/*
Theme Name: Arreu
Theme URI: http://nibeda.com/themes/arreu
Author: Nibeda
Author URI: http://nibeda.com/
Description: Arreu - Premium Wordpress Portfolio Theme for Creatives & Agencies
Version: 1.0.0
License: GNU General Public License version 3.0 & Envato Regular/Extended License
License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
Text Domain: arreu
Tags: portfolio, blog, photography, one-column, grid-layout, custom-colors, featured-images, footer-widgets, translation-ready, custom-background, theme-options, custom-menu, post-formats, threaded-comments	
*/


/**
 * TABLE OF CONTENTS
 *
 * 01.0 - GENERAL
 * 02.0 - TYPOGRAPHY 
 * 03.0 - ALIGNMENTS 
 * 04.0 - BUTTONS INPUTS & FORMS
 * 05.0 - CLEARINGS
 * 06.0 - FLOATS
 * 07.0 - LISTS 
 * 08.0 - TABLES
 * 09.0 - MEDIA 
 * 10.0 - PADDINGS
 * 11.0 - WIDGETS
 * 12.0 - HEADER
 * 13.0 - NAVIGATION
 * 14.0 - HFEED
 * 15.0 - FOOTER
 * 20.0 - RESPONSIVE           
 */


/**
 * 1.0 - GENERAL
 *
 */
 
html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	}
*,
*:before,
*:after { 
	box-sizing: inherit;
	}	
body {
	margin: 0;
	}
	
header#masthead .container,
.page-header .container, 
.container #primary, 
footer#colophon .container,
.max-with-page {
	margin:auto;
	width:100%
	}	
	
#page{
	opacity:0;
	transition: .4s;
	}
#content #primary {
	padding-bottom:30px;
	padding-top:30px;
	}
.page-template-page-empty #content #primary,
.page-template-page-transparent-header #content #primary{
	padding-bottom:0px;
	padding-top:0px;
	}		
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	}
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
	}
#content[tabindex="-1"]:focus {
	outline: 0;
	}
		
/**
 * 2.0 - TYPOGRAPHY
 *
 */
 
body,
.button,
button,
input,
select,
textarea {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	}
h1.site-title,
.page-header h1{
	margin-bottom: 0
	}	
p, 
.entry-content ul,
.entry-content ol{
	margin-bottom: 1.5em;
	}
a {
	background-color: transparent;
	text-decoration:none
	}	
a:hover{
	cursor: pointer
	}				
a:active,
a:hover {
	outline: 0;
	}
	
a > img{
	display:block;
	line-height:0;
	}	
	
.comment-content a{
	border-bottom: dotted 1px
	}		
abbr{
	border-bottom: 1px dotted #666;
	cursor: help;
	}
abbr[title] {
	border-bottom: 1px dotted;
	}			
address {
	margin: 0 0 1.5em;
	}
b,
strong {
	font-weight: bold;
	}			
blockquote {
	border-left: solid 4px;
	padding: 0 1.5em;
	}
code,
kbd,
var {
	font-family: monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	}
dd {
	margin: 0 1.5em 1.5em;
	}
dfn,
cite,
em,
i {
	font-style: italic;
	}
dt {
	font-weight: bold;
	}	
hr {
	background-color: #ccc;
	border: 0;
	box-sizing: content-box;
	height: 1px;
	margin-bottom: 1.5em;
	}				
ins {
	background: #fff9c0;
	text-decoration: none;
	}
mark {
	background: #ff0;
	color: #000;
	text-decoration: none;
	}	
pre {
	background: #eee;
	font-family: monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
	}
q {
	quotes: "\00ab" "\00bb" "\2039" "\203A";
	}
samp {
	font-family:  monospace;
	font-size: 1em;
	}				
small {
	font-size: 80%;
	}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	}
sup {
	top: -0.5em;
	}
sub {
	bottom: -0.25em;
	}			 	

/**
 * 3.0 - ALIGNMENTS
 *
 */
 
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
.txt-center{
	text-align: center
	}
.txt-center img,
.txt-center .separator-widget{
	margin-left:auto;
	margin-right:auto;
	}		
.txt-left{
	text-align: left
	}	
.txt-right{
	text-align: right
	}		

/**
 * 4.0 - BUTTONS INPUTS & FORMS
 *
 */		

.button,
button{
	text-align:center
	}

.button,
button,
input,
optgroup,
select,
textarea {
	color: inherit;
    border: solid;
	border-radius: 0 !important;
	font: inherit;
	margin: 0;
	}
.button, 
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.ow-button-hover {
	border: 0;
	cursor: pointer;
	padding: 15px 20px;
	}
button[disabled],
input[disabled] {
	cursor: default;
	}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
	}
input {
	line-height: normal;
	}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
	}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	}
legend {
	border: 0;
	padding: 0;
	}
optgroup {
	font-weight: bold;
	}
textarea {
	overflow: auto;
	width: 100%;
	}	
input,
textarea {
	padding: 10px;
	}
select {
    padding: 0 10px;	
	}

/**
 * 5.0 - CLEARINGS
 *
 */
 
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
	}

.clean,
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
	}
[hidden],
template {
	display: none;
	}		
.remove-element {
	display:none !important
	}	
	
/**
 * 6.0 - FLOATS
 *
 */	
 
.flo-left {
	float:left
	}
flo-right {
	float:right
	}							

/**
 * 7.0 - LISTS
 *
 */		
 	
ul,
ol {
	margin: 0;
	padding-left: 30px;
	}

header#masthead ul, 
ul.social-media-icons {
	list-style: none;
	padding-left: 0;
	}

ul.social-media-icons li{
	display: inline	
	}

article ul {
	list-style: disc;
	}

ol {
	list-style: decimal;
	}

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

/**
 * 08.0 - TABLES
 *
 */		
 
table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	margin: 0 0 1.5em;
	width: 100%;
	}
td,
th {
	border: solid 1px;
    padding: 8px;
	}					

/**
 * 9.0 - MEDIA
 *
 */	
 
img {
	border: 0;
	height: auto;
	max-width: 100%; 
	} 
.round-image img{
	border-radius: 1000px
	}
svg:not(:root) {
	overflow: hidden;
	}
figure {
	margin: 1em 40px;
	}	
audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
	}
audio:not([controls]) {
	display: none;
	height: 0;
	}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
	}
embed,
iframe,
object {
	max-width: 100%;
	}

/**
 -- * 9.1 - Captions
 -- *
 -- */
 
 .wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	}
 .wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
 .wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	}
 .wp-caption-text {
	text-align: center;
	}

/**
 -- * 9.2 - Galleries
 -- *
 -- */
 
 .gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
	}
 .gallery-item a {
	transition: .2s;
	}
 .gallery-item:hover a{
	opacity: .5;
	}
 figure.gallery-item {
	margin:0;
	}
 figure.gallery-item a{
	display:block;
	line-height:0;
	}
 .gallery-columns-2 .gallery-item {
	max-width: 50%;
	}
 .gallery-columns-3 .gallery-item {
	max-width: 33.3333333333333333333333%;
	}
 .gallery-columns-4 .gallery-item {
	max-width: 25%;
	}
 .gallery-columns-5 .gallery-item {
	max-width: 20%;
	}
 .gallery-columns-6 .gallery-item {
	max-width: 16.66%;
	}
 .gallery-columns-7 .gallery-item {
	max-width: 14.28%;
	}
 .gallery-columns-8 .gallery-item {
	max-width: 12.5%;
	}
 .gallery-columns-9 .gallery-item {
	max-width: 11.11%;
	}
 .gallery-caption {
	display: block;
	}

/**
 -- * 9.3 - Lightbox
 -- *
 -- */
	
.tos-close span:before, .tos-close span:after {
	width: 10px !important;
    height: 10px !important;
	}
.tos-close, .tos-next, .tos-prev {
	background: transparent !important;
	}

/**
 -- * 9.4 - Masonry
 -- *
 -- */		

.masonry{
	margin:0 -20px
	}	
.masonry-item {
	 width:25%;
	 }
.masonry article{
    line-height: 0;
	margin:0 20px 40px;
	}		 
.blog-loop{
	margin:0 -15px !important
	}
.item-blog-loop{
	width: 50% !important
	}
.item-blog-loop article{
	padding:0 15px 15px !important
	}		
						
/**
 * 10.0 - PADDINGS
 *
 */
 
 /* Add 5px */
.p-t025x {
	padding-top:7px;
	}
.p-b025x {
	padding-bottom:7px;	
	}
.p-tb025x {
	padding-bottom:7px;	
	padding-top:7px;	
	}
	
 /* Add 15px */
.p-t05x {
	padding-top:15px;
	}
.p-b05x {
	padding-bottom:15px;	
	}
.p-tb05x {
	padding-bottom:15px;	
	padding-top:15px;	
	}
	
/* Add 30px */
.p-t1x {
	padding-top:30px;
	}
.p-b1x {
	padding-bottom:30px;	
	}
.p-tb1x {
	padding-bottom:30px;	
	padding-top:30px;	
	}
.m-t1x {
	margin-top:30px;
	}
.m-b1x {
	margin-bottom:30px;	
	}
.m-tb1x {
	margin-bottom:30px;	
	margin-top:30px;	
	}	
	
/* Add 60px */
.p-t2x {
	padding-top:60px;
	}
.p-b2x {
	padding-bottom:60px;	
	}
.p-tb2x {
	padding-bottom:60px;	
	padding-top:60px;	
	}

/* Add 90px */
.p-t3x {
	padding-top:90px;
	}
.p-b3x {
	padding-bottom:90px;	
	}
.p-tb3x {
	padding-bottom:90px;	
	padding-top:90px;	
	}

/* Add 120px */
.p-t4x{ 
	padding-top:120px;
	}
.p-b4x {
	padding-bottom:120px;	
	}
.p-tb4x {
	padding-bottom:120px;	
	padding-top:120px;	
	}
	
/**
 * 11.0 - WIDGETS
 *
 */
 
.widget {
	margin: 0 0 1.5em;
	}
header#masthead .widget, 
footer#colophon .widget {
	margin-bottom: 0;
	}	
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
	}	
.social-media-icons li{
	 margin:0 5px
	 }	
.arreu-accordion .textwidget{
	display: none
	}	 
.arreu-accordion .widget-title:hover{
	cursor:pointer
	}
.arreu-accordion .widget-title:before{
	content:"\f0da";
	font-family: FontAwesome;
    font-size: 90%;
	margin-right: 10px;
	}	
.accordion-open .widget-title:before{
	content:"\f0d7"
	}
.arreu-accordion .textwidget{			
    margin-left: 20px;	
	}

.arreu_image_hover{
	display: initial !important
	}
.arreu_image_hover:hover .arreu_image_hover2{
	opacity:1;
	transition: .4s;
	}	
.arreu_image_hover1,
.arreu_image_hover2{
	background-position:center;
	background-size:cover
	}
.arreu_image_hover1{	
    height: 100%;
    display: block;	
	}
.arreu_image_hover2{
	height:100%;
	opacity: 0;
	}
.arreu_image_hover2, 
.arreu_image_hover2 h4{
	color:#fff !important;
	}	
.arreu_image_hover_text{
	padding:40px;
	}	
.arreu_image_hover_text p{
	margin:0 !important
	}	
	 
	
 /**
 * 12.0 - HEADER
 *
 */
  
header#masthead {
	 position: relative;
	 width:100%;
	 z-index:999;
	 }	
header#masthead .site-logo {
	display:block;
	line-height: .5;
	}
header#masthead .site-logo a {
	display:inline-block;
	line-height: .5;
	}	
header#masthead .site-description {
	margin-top:5px
	}	
header#masthead .container {
	position:relative;
	width:100%
	}	
	
/**
 -- * 12.1 - Transparent header template
 -- *
 -- */	  

 .page-template-page-transparent-header header#masthead {
	 position:absolute;
	 width: 100%
	 }	
 .title-width-bg {
	 padding: 160px 0 100px;
	 text-align: center
	 }
	 
 .title-width-bg .widget-title{
	 font-size:48px;
	 margin-bottom:15px;
	 } 		

/**
 -- * 12.2 - Breadcrumbs
 -- *
 -- */

#breadcrumbs{
	padding-left: 0;
	}
.breadcrumbs li{
	display: inline-block;
	list-style: none;
	margin-right: 5px
	}
#breadcrumbs,	
.woocommerce .woocommerce-breadcrumb,
.arreu-back-shop{
	line-height: 1.4;
	margin-bottom: 0;
	padding: 15px 0px;
	}	
#breadcrumbs a,
#breadcrumbs .separator,	
.woocommerce .woocommerce-breadcrumb a,
.woocommerce .woocommerce-breadcrumb span{
	font-weight: initial
	}	

/**
 * 13.0 - NAVIGATION
 *
 */
 
/**
 -- * 13.1 - Menu lists: style for all header menus
 -- *
 -- */

header#masthead li:hover {
	cursor:pointer
	} 
header#masthead .menu li a {
    line-height:1.2;
    -webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	}		
header#masthead .menu > li > a{
	opacity:1
	}
header#masthead .menu > li.active > a{
	opacity:.5
	}		
header#masthead .menu > li > ul{
	display:none
	}
header#masthead .menu li ul li,
header#masthead .menu li ul li ul{
	position: relative !important
	}		
header#masthead .menu > li > ul{
	top: 30px;
	}
			
header#masthead .menu > li.menu-item-has-children > a:after {
    content: "\f107";
	font-family: FontAwesome;
	font-size: 11px;
    line-height: 0;    
    margin-left: 5px;
	}	

/**
 -- * 13.2 - Only for default header menus
 -- *
 -- */		
	
#site-navigation-default .menu > li{
	line-height:1.2;
	margin:0 10px; 
	}
#site-navigation-default .menu > li > ul {
	 left:0;
	 text-align: left;
	 position: absolute;
	 min-width: 240px;
	 z-index: 999;
	 }		 	
#site-navigation-default .menu li ul li{
	padding:2px 0;
	}	
#site-navigation-default .menu ul li a{
	margin: 0 !important;
	}		 	 	  
#fixed-menu{
	 display: none;
	 left: 0;
	 position: fixed;
	 top:0;
	 width: 100%;
	 }
#fixed-menu .menu{
	line-height: normal !important
	}	 	
#site-navigation-default .menu > li > ul{
	padding: 20px
	}
#site-navigation-default .menu li ul{
	padding-left:20px; 
	}	  

 /**
 -- * 13.3 - Widgets on default navigation
 -- *
 -- */	

#site-navigation-default .menu > li, 
.header-sidebar ul > li{
	 display: inline-block;
	 position: relative
	 } 	 
#site-navigation-default .header-sidebar .widget {
	float: right;
	margin-left: 15px;
	}		
#site-navigation-default .header-sidebar .widgettitle{
	display: none !important
	}			 
#site-navigation-default .header-sidebar{
	 text-align: right
	 }	 
#site-navigation-default .header-sidebar p{
	 margin: 0 
	 }	 	 	 
	 	 
/**
 -- * 13.4 - Menu Mobile
 -- *
 -- */
 
.image-icons{
	image-rendering: pixelated;
	}
#site-navigation-mobile{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
	}
#mobile-menu {
	background:#fff; /*Default color*/
	height:100vh;
	right:-170%;
	overflow:auto;
	position:fixed;
	top:0;
	width:50%;
	z-index:11;
	}
#nav-icon, 
#close-slide-menu {
  	cursor: pointer;
	position: fixed;
	right: 30px;
	}
#close-slide-menu{
	display:none;
	z-index:12 !important;
	}	
#overground {
	background:rgba(0,0,0,.5);
	display:none;
	height:100%;
	left:0;
	opacity:0.4;
	position:fixed;
	top:0;
	width:100%;
	z-index:10;
	}
#site-navigation-sidebar .menu li ul,	
#site-navigation-mobile .menu li ul{
	padding:7px 0 15px 20px 
	}	 	
#site-navigation-sidebar .menu li ul li a,
#site-navigation-mobile .menu li ul li a  {
	border-bottom: solid 1px rgba(200, 200, 200, 0.29);
	display:block;
	padding:5px 0;
	}
#site-navigation-sidebar .menu > li > ul,
#site-navigation-mobile .menu > li > ul{
	padding-bottom:60px
	}				 	

/**
 -- * 13.5 - Nav sidebar
 -- *
 -- */

@media screen and (min-width: 993px) {	

	header#masthead.nav-sidebar{
		height: 100vh;
		position: fixed;
		width:25%
		}
	#content-and-footer{
		float: right;
		width:75%
		}		
	header#masthead.nav-sidebar .menu>li>ul {
		padding: 30px !important;
		top: 0;
		left: 25%;
		position: fixed;
		z-index: 99999999;
		background: #f4f4f4;
		height: 100vh;
		max-width: 400px;
		min-width: 25%;
		overflow:auto
		}
	header#masthead.nav-sidebar .menu > li.menu-item-has-children > a:after {
		content: "\f105";
		}			
}

@media screen and (min-width: 1280px) {	

	header#masthead.nav-sidebar{
		width:20%
		}
	#content-and-footer{
		width:80%
		}		
	header#masthead.nav-sidebar .menu>li>ul {
		left: 20%;
		min-width: 20%;
		}
}

/**
 * 14.0 - HFEED
 *
 */

.hfeed .masonry .separator{
	border-bottom: solid 1px #999;
	opacity:.3;
	}	
.hentry {
	margin: 0;
	}	
.sticky {
	display: block;
	}			
.byline,
.updated:not(.published) {
	display: none;
	}
.single .byline,
.group-blog .byline {
	display: inline;
	}
.post-thmbnail-link {
	display:block;
	margin-bottom:10px
	} 
.page-content,
.entry-content,
.entry-summary {
	margin: 0;
	}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
	}

/**
 -- * 14.1 - Comments
 -- *
 -- */

.comment-list, .comment-list .children {
	list-style: none
	}
.comment-list .reply {
	display:flex;
	}
.comment-reply-link{
	border: solid 1px;
	font-size:12px;
	font-weight: bold;
	padding:3px 7px;
	text-transform:uppercase;
	}	
.comment-metadata, .comment-edit-link{
	font-size: 90%;
	font-style:italic;
    margin-top: 5px;
	} 
.comment-list li .comment-body{
	border-top: solid 1px #ddd;
	margin-bottom: 20px;
	margin-top:20px;
	padding-top:20px;
	}
.comment-author .avatar{
	border-radius:100px;
	float: left;
	margin-right: 30px
	}
.comment-navigation {
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;	
	}
.comments-area .nav-links .dashicons{
	font-size: 16px;
	line-height:1.4
	}	
.comment-content a {
	word-wrap: break-word;
	}
.bypostauthor {
	display: block;
	}
.says, .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
	}	

/**
 -- * 14.2 - Infinite scroll
 -- *
 -- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
	}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
	}	
	
/**
 * 15.0 - FOOTER
 *
 */
	
footer#colophon ul{
	list-style:none
	}
footer#colophon	.menu{
	padding-left: 0;
	}
footer#colophon .social-media-icons {
	padding-bottom:30px
	}
footer#colophon .social-media-icons li {
	display:inline;
	font-size:24px;
	margin:0 10px;
	}	
	
/**
 * 20.0 - RESPONSIVE
 *
 */	

.is-mobile{
	display:none
	}
	
@media screen and (min-width: 1080px) {
	
	#close-slide-menu{
		position:fixed !important;
		right: 40px !important;
		}
		
}

@media screen and (max-width: 992px) {
	header.page-header{
		padding-top:30px !important
		}
	header#masthead .container{
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
		}
	header#masthead,	
	#mobile-menu .container{
		box-shadow: none !important;
		}	
	.site-logo{
		margin:0 !important;
		}
	.site-logo img{
		max-width: 100px;
		}
	header#masthead ul{
		text-align:left
		}
	header#masthead ul.menu > li{
		border-bottom: solid 1px #ddd;
		padding:10px 0;
		}			
	.grid-fourth {
		width:33.333%;
		}					
	.is-default{
		display:none
		}
	.is-mobile{
		display:block
		}	
		
}

@media screen and (max-width: 768px) {
			
	.site-description {
		font-size:16px;
		margin-left:0;
		}
	#mobile-menu {
		width: 100%;
		}	
	#content .container {
		width:100%
		}
	.masonry-item{
		width: 50%
		}
	.masonry.grid-big-margin, 
	.masonry.grid-medium-margin, 
	.masonry.grid-small-margin {
		margin:0 -10px;
		}
	.masonry.grid-big-margin .masonry-item, 
	.masonry.grid-medium-margin .masonry-item, 
	.masonry.grid-small-margin .masonry-item{
		padding-bottom:20px;
		padding-left:10px;
		padding-right:10px;
		}
	.grid-half,					
	.grid-thirth, 
	.grid-fourth, 
	.grid-half-shortcode, 
	.grid-thirth-shortcode, 
	.grid-fourth-shortcode {
		width:50% !important;
		}				

	/* Add 90px */
	.p-t3x {
		padding-top:60px;
		}
	.p-b3x {
		padding-bottom:60px;	
		}
	.p-tb3x {
		padding-bottom:60px;	
		padding-top:60px;	
		}
	
	/* Add 120px */
	.p-t4x{ 
		padding-top:60px;
		}
	.p-b4x {
		padding-bottom:60px;	
		}
	.p-tb4x {
		padding-bottom:60px;	
		padding-top:60px;	
		}
		
	.matchHeight.bg-block{
		height: 300px;
		}	
				
}		

@media screen and (max-width: 480px) {
	
	.hfeed .masonry{
	    margin: 0 -5px;
		}
	.masonry article {
	    margin: 0 5px 10px;
		}
	.entry-hover{
		height: calc(100% - 10px) !important;
		left: 5px !important;
		width: calc(100% - 10px) !important;
	}
	.product-sheet {
    	padding: 60px 0px 0 !important;
	}
	header#masthead .container,
	.page-header .container, 
	.container #primary, 
	footer#colophon .container,
	.max-with-page,
	.hfeed .masonry article,
	.breadcrumbs,
	.archive-description{
		padding-left:0 !important;
		padding-right: 0 !important;
		}
	header#masthead .container,
	#content,
	footer#colophon{
		padding-left: 20px !important;
		padding-right: 20px !important;
		}
	.row{
		margin: 0px !important;
		}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
		padding-left: 0px !important;
		padding-right: 0px !important;
		}
	header.page-header{
		margin:0 -20px;
		padding-left: 20px !important;
		padding-right: 20px !important;
		}	
	.blog-loop{
		margin-left: 0 !important;
		margin-right: 0 !important;		
		}		
	.item-blog-loop {
    	width: 100% !important;
		}
	 .gallery-columns-3 .gallery-item,
	 .gallery-columns-4 .gallery-item,
	 .gallery-columns-5 .gallery-item,
	 .gallery-columns-6 .gallery-item,
	 .gallery-columns-7 .gallery-item,
	 .gallery-columns-8 .gallery-item,
	 .gallery-columns-9 .gallery-item {
		
		}
		#main{
			padding-bottom: 30px !important
			}
		.alt-gallery .gallery img{
			padding:10px !important
			}	
		
}