/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

.yoogliContainer {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width : 100%;
	padding: 40px;	
}
.yoogliContainer .yoogliPageTitle {
	font-size: 1.7em;
	margin-bottom: 24px;
}

#createCollection .inputLabel {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 30%;
	text-align: right;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 4px;
        line-height: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.3em;
}
#createCollection .inputField {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	float: left;
	width: 50%;
	margin-top: 10px;
	margin-bottom: 10px;
}
#createCollection .inputField input {
	height: 36px;
    border: none;
    background-color: rgba(0,0,0,0.04);
    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    padding: 10px 13px;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 1.4;
    outline: none;
}
#createCollection .inputField input:focus {
    background-color: rgba(0,0,0,0.08);
    -webkit-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0px 1px 1px 1px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);
    border-radius: 4px;
    font-family: inherit;
    font-size: 14px;
    padding: 10px 13px;
    box-sizing: border-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    line-height: 1.4;
    outline: none;
}

#createCollection .inputField #saveCollection {
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    letter-spacing: 1.2px;
	padding-top: 18px;
	padding-right: 4px;
	padding-bottom: 30px;
	padding-left: 4px;
    background-color: #555555;
	color: #ABD567;
    border-radius: 4px;
    display: inline-block;
    width: 200px;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    box-sizing: border-box;
    border: none;
    line-height: 13px;
    cursor: pointer;
    text-shadow: none;
}
#createCollection .inputField #saveCollection:hover {
	outline: none;
    text-decoration: none;
    -moz-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 0 1000px rgba(0, 0, 0, 0.15);

}
.clearFloats {clear: both;}

.entry-content {
	margin: auto;
}

#cart-nav-wrap {
	display: none;
}

.page-link {
	padding: 15px !important;
	margin-top: 10px;
	font-size: 1.5em !important;
}

.header-notifications {
	display: inline-flex;
	align-items: center;
}

/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {

.entry-content {
	width: 100%;
}

input[type="text"]:not(.ed_button) {
	width: 75%;
}

#createCollection .inputLabel {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 4px;
	text-align: left;
}
#createCollection .inputField {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 4px;

}

.dtonly {
	display: none !important;
}


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {

.entry-content {
	width: 100%;
}

input[type="text"]:not(.ed_button) {
	width: 75%;
}

#createCollection .inputLabel {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 4px;
	text-align: left;
}
#createCollection .inputField {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 4px;

}

.dtonly {
	display: none !important;
}


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/
	.entry-content {
		width: 90%;
	}

	#mastlogo #logo img.large {
		display: block;
	}

	.bb-title-small {
		display: none;
	}

	#mastlogo #logo img {
		width: 187px;
	}
	
	#mastlogo {
		width: 227px;
		box-shadow: 0 2px 0px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
		z-index: 10 !important;
		padding: 0px;
	}

	.site-title {
		height: 48px;
	}

	body.left-menu-open .header-outher {
		margin-left: 227px;
	}

	.header-outher {
		margin-left: 227px;
	}

	.header-links {
		display: none;
	}

	#right-panel-inner {
		margin: 0px !important;
	}

	#left-panel {
		display: none;
	}

	body.home-page .site-header .left-col {
		display: none;
	}

	.header-inner .middle-col {
		width: auto;
		padding-right: 40px;
	}

	.searchsubmit:hover {
		-ms-transform: scale(1);
		-webkit-transform: scale(1);
		transform: scale(1);
		font-size: 14px;
		background-color:#ABD567 !important;
		width: 46px !important;
		border: none !important;
		-webkit-transition: all .2s ease;
		transition: all .2s ease;
	}

	.search-wrap {
		background-color: white !important;
		border: none;
	}


}/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px)  {


	/*
	.just_an_example {
		color: black;
	}
	*/

	#mastlogo #logo img.large {
		display: block;
	}

	.bb-title-small {
		display: none;
	}

	#mastlogo #logo img {
		width: 187px;
	}
	
	#mastlogo {
		width: 227px;
		box-shadow: 0 2px 0px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
		z-index: 10 !important;
		padding: 0px;
	}

	.site-title {
		height: 48px;
	}

	body.left-menu-open .header-outher {
		margin-left: 227px;
	}

	.header-outher {
		margin-left: 227px;
	}

	.header-links {
		display: none;
	}

	#right-panel-inner {
		margin: 0px !important;
	}

	#left-panel {
		display: none;
	}

	body.home-page .site-header .left-col {
		display: none;
	}

	.header-inner .middle-col {
		width: auto;
		padding-right: 40px;
	}


}/* don't delete this closing bracket */