@charset "UTF-8";

/*
Theme Name: onlinebrandambassadors
Theme URI: https://quaggaproject.org/onlinebrandambassadors
Template: storefront
Author: onlinebrandambassadors
Author URI: http://onlinebrandambassadors.com
Version: 1.0
License: GNU General Public License
*/



@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond|Nunito|Nunito+Sans&display=swap');
@import url('https://use.fontawesome.com/releases/v5.6.1/css/all.css');


/* ---------- HTML5 ---------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}

audio,
canvas,
video {
display: inline-block;
max-width: 100%;
}

html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}


a {
	color: #777;
	text-decoration: none;
}
a:link {
	color: #777;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #777;
}
a:hover {
	text-decoration: underline;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #777;
}

.advert01 {
border:none;
overflow:hidden;
}

.alignleft {
float:left;
margin:0px 20px 10px 0px;
}

.alignright {
float:right;
margin:0px 0px 10px 20px;
}

.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.archived {
background:#805B33;
color:#fff;
padding:5px;
margin:0 10px 0 0;
}

.arrow01 {
background-image: url('_img/arrow.png');
background-repeat: no-repeat;
background-size:22px;
padding:5px 10px 5px 33px;
}

.attachment-full {
width:100%;
height:auto;
margin:10px 0px 30px 0px;
padding:0px 0px 20px 0px;
border-bottom:solid 10px #000;
}

.background01 {
background-color: rgba(153,104,38,0.1);
padding:9% 9% 9% 9%;
border-radius:8px;
}

.background02 {
background-color: rgba(0,0,0,0);
padding:9% 9% 9% 9%;
border-radius:8px;
border:dotted 2px rgba(153,104,38,1);
}

.background03 {
background-color: rgba(161,157,156,0.5);
padding:6% 10% 6% 10%;
border-radius:8px;
border:solid 2px rgba(161,157,156,0.2);
}



body {
padding:0px;
margin:0px;
font-family: 'Nunito', sans-serif;
color:#000;
font-size:16px;
line-height:25px; 
font-weight:300;
text-align:justify;
}



.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

/* COOKIE LAW INFO */

/* notification box*/
#cookie-law-info-bar { 
	box-shadow: 0 0 5px 5px rgba(161,157,156,0.5);
	opacity:0.9;
}
.cli-bar-container { padding:2% 5% 2% 5%; font-size:16px;line-height:25px; }
.cli-style-v2 {}
.cli-bar-message {}
.cli-bar-btn_container {}
.cli-bar-btn_container a {
border-radius:8px;
margin:0 1% 1% 0;
}

/* pop up box settings */
.cli-modal-dialog { border-radius:8px; }
.cli-modal-content { padding:10%; } 
.cli-bar-popup {}
.cli-modal-footer {}
.wt-cli-element {}
.cli-container-fluid {} 
.cli-tab-container {}
.cli-row {}
.cli-align-items-stretch {} 
.cli-tab-footer {} 
.wt-cli-privacy-overview-actions {}		
#wt-cli-privacy-save-btn { background:#996826;background-color:#996826;border-radius:8px; } 
.wt-cli-privacy-btn {} 
.cli_setting_save_button {} 
.wt-cli-privacy-accept-btn {} 
.cli-btn {}
.wt-cli-ckyes-brand-logo { display:none; }
												
/* buttons */
/* cookie settings */
.medium {}
.cli-plugin-button {} 
.cli-plugin-main-button {} 
.cli_settings_button {
}




#container01 {
width:90%;
margin:5%;
padding:0;
vertical-align:top;
}

#content01 {
float:left;
width:50%;
}

#content01 a,
#content01 a:link,
#content01 a:visited,
#content01 a:hover,
#content01 a:active
{
color:#888;
font-weight:700;
border-bottom:solid 1px #ccc;
background-image: url(_img/ic-link.png);
background-repeat: no-repeat;
background-position: right center;
padding:0px 15px 2px 0px;
margin:0px 5px 0px 0px;
text-decoration:none;
}

#content01 a:hover {
border-bottom:solid 2px #666;
padding:0px 15px 1px 0px;
text-decoration:none;
}

em {
font-weight: 400;
font-weight: normal;
font-style:italic;
font-family: Arial, sans-serif;
}

.faq,
.faq ul {
list-style:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.faq li {
list-style:none;
display:block;
margin:0 0 0 0;
padding:30px 0 30px 0;
border-top:solid 1px #999;
text-align:justify;
}

.faq h3 {
font-weight:bold;
line-height:25px;
padding:0 0 2% 40px;
margin:0 0 0px 0;
background-image: url(_img/ic-faq.png);
background-position: left 5px;
background-repeat:no-repeat;
background-size:22px 22px;
}

.fb-page {
width:100%;
height:auto;
overflow:hidden;
text-align:center;
padding:0 0 5% 0;
margin:0 auto 0 auto;
}

#gallery01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#gallery01 {
display:block;
list-style:none;
padding:2% 0 0 0;
margin:0;
text-align:center;
width:100%;
height:auto;
vertical-align:top;
}

#gallery01 li {
list-style:none;
display:inline-block;
width:41%;
min-width:41%;
max-width:41%;
padding:3%;
margin:1%;
border:solid 1px #ccc;
vertical-align:top;
}

#gallery01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#gallery01 {
display:block;
list-style:none;
padding:2% 0 0 0;
margin:0;
text-align:center;
width:100%;
height:auto;
vertical-align:top;
}

#gallery01 .thumbnail01 {
width:100%;
height:44%;
}


.grayscale {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

.grayscale:hover {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
}

.grow01 { 
-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
-ms-transition: all 5s ease;
transition: all 5s ease;
-webkit-transition-timing-function: linear; /* Safari and Chrome */
-webkit-transition: all .5s ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: linear;
transition: all .5s ease-in-out; 
transition-timing-function: ease-in-out;
-moz-transition: all .5s ease-in-out;
position:relative;
z-index:0;
}

.grow01:hover { 
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Safari */
transform: scale(1.1,1.1); /* width, height */
display: inline-block;
/*cursor: -webkit-zoom-in;*/ 
/*cursor: -moz-zoom-in;*/
position:relative;
z-index:11;
}


.grow02 { 
-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
-ms-transition: all 5s ease;
transition: all 5s ease;
-webkit-transition-timing-function: linear; /* Safari and Chrome */
-webkit-transition: all .5s ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: linear;
transition: all .5s ease-in-out; 
transition-timing-function: ease-in-out;
-moz-transition: all .5s ease-in-out;
position:relative;
z-index:0;
}

.grow02:hover { 
-ms-transform: scale(1.2,1.2); /* IE 9 */
-webkit-transform: scale(1.2,1.2); /* Safari */
transform: scale(1.2,1.2); /* width, height */
display: inline-block;
/*cursor: -webkit-zoom-in;*/ 
/*cursor: -moz-zoom-in;*/
position:relative;
z-index:11;
}




h1,h2,h3,h4,h5 {
text-align:left;
}

h1 {
color:#000;
font-size:41px;
line-height:41px;
text-align:left;
margin:0 0 5% 0;
padding:0;
text-transform:uppercase;
text-align:left;
}

h2 {
display:block;
color:#000;
font-weight:300;
font-size:16px;
line-height:25px;
text-transform:uppercase;
padding: 0 0 2% 0;
margin:5% 0 5% 0;
border-bottom: solid 5px #996826;
text-align:left;
font-weight:500;
}

h3 {
font-family: 'Cormorant Garamond', serif;
font-size:16px;
line-height:25px;
padding:0;
margin:0 0 2% 0;
font-weight:700;
color:#996826;
}


h4 {
font-size:25px;
line-height:41px;
margin:20px 0px 20px 0px;
padding:20px 0px 20px 0px;
border-top:dashed 1px #4A5155;
border-bottom:dashed 1px #4A5155;
}

h5 {
font-family:Georgia, Times New Roman, Times, serif;
font-size:16px;
line-height:25px;
font-style:italic;
padding:5% 0 5% 0;
margin:2% 0 2% 0;
font-weight:700;
color:#000;
border:none;
border-top:dashed 1px #000;
border-bottom:dashed 1px #000;
}


.hover {
opacity: 1; 
transition: opacity .50s ease-in-out;
-moz-transition: opacity .50s ease-in-out;
-webkit-transition: opacity .50s ease-in-out;
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}

.hover:hover {
opacity:0.7;
filter:alpha(opacity=70); 
transition: opacity .50s ease-in-out;
-moz-transition: opacity .50s ease-in-out;
-webkit-transition: opacity .50s ease-in-out;
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}


.hoverAnim {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
border-radius:50%;
}

.hoverAnim:hover {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
width:34%;
opacity:0.7;
border:solid 10px #000;
border-radius:50%;
}

#juicer01 {}
#juicer01 ul {}
#juicer01 li { border:none;padding:0 5% 5% 5%; }
#juicer01 ul .juicer-feed { border:none; }
#juicer01 h1 { display:none; }
#juicer01 .referral { display:none; }
#juicer01 img { border-radius:11px; }
#juicer01 h3 { background:none; background-color:none; }

#list01,
#list01 ul {
list-style:none;
margin:0;
padding:0;
display:block;
}

#list01 li {
display:block;
width:100%;
list-style:none;
padding:2% 0 2% 0;
margin:2% 0 2% 0;
border-bottom:solid 1px #996826;
}


.logo {
position:relative;
width:100%;
z-index:11;
padding:0;
margin:0;
border:none;
float:none;
}

.logo:hover,
.logo:active {
border:none;
}

.logo img {
width:100%;
height:auto;
background:#fff;
border:none;
}

#media_screen {
display:block;
}

#media_tablet {
display:none;
}

#media_mobi {
display:none;
}

#nav01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#nav01 {
display:block;
width:100%;
height:auto;
list-style:none;
margin:0;
padding:0;
}

#nav01 li {
list-style:none;
display:block;
text-transform:uppercase;
padding:5% 0 5% 0;
margin:0 auto 0 auto;
font-size:9px;
line-height:11px;
font-weight:700;
letter-spacing:1px;
border-bottom:solid 2px #996826;
}


#nav01 a,
#nav01 a:link,
#nav01 a:visited,
#nav01 a:active {
color:#996826;
}

#nav01 a:hover {
color:#fff; 
border:none;
text-decoration:none;
}

#nav01 li:hover {
background:#996826;
color:#fff;
padding-right:10px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}


.newsletter {
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:none;
}

.newsletter-subscription {
width:100%;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background:none;
}

.newsletter form {
width:100%;
background:none;
}

.newsletter table {
width:100%;
background:none;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.newsletter th {
display:block;
float:none;
background:#ccc;
padding:4px;
border:none;
margin:0px 10px 10px 0px;
}

.newsletter tr {
margin:0px;
padding:0px;
background:none;
}

.newsletter td {
margin:0px 0px 0px 0px;
padding:0px;
background:none;
vertical-align:middle;
font-size:11px;
line-height:18px;
text-transform:uppercase;
border-right:none;
border-bottom:none;
}

.newsletter-subscription {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

.newsletter input {
background:#f1f1f1;
padding:10px;
width:100%;
border:none;
margin:0px 0px 10px 0px;
}

.newsletter-note01 {
text-transform:uppercase;
font-size:8px;
line-height:11px;
margin:10px 0px 20px 0px;
text-align:left;
color:#fff;
}

.newsletter .newsletter-submit {
color:#fff;
font-size:11px;
font-weight:bold;
text-transform:uppercase;
background:#6CABAC;
padding:10px;
text-align:center;
width:100%;
}

.newsletter .newsletter-td-privacy {
color:#999;
font-size:9px;
text-transform:uppercase;
text-align:left;
background:none;
padding:10px 0px 10px 0px;
margin:0px 0px 0px 0px;
}

.newsletter-td-privacy input {
width:15px;
float:left;
margin:0px 10px 0px 0px;
}

.newsletter-td-privacy a,
.newsletter-td-privacy a:link,
.newsletter-td-privacy a:visited,
.newsletter-td-privacy a:hover,
.newsletter-td-privacy a:active
{
font-size:8px;
}

.number {
display:inline-block;
background:#000;
/*border:solid 1px #000;*/
color:#fff;
width:20px;
height:20px;
margin:0 10px 0 0;
text-align:center;
}

ol {
	list-style:decimal;
}

ol li {
list-style:decimal;
border:none;
border-bottom:solid 1px #ccc;
padding:0;
margin:0;
}

#ol01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#ol01 {
list-style:none;
display:block;
vertical-align:top;
width:100%;
margin:0 auto 0 auto;
padding:0;
text-align:left;
text-transform:none;
}

#ol01 li {
list-style:none;
display:inline-block;
vertical-align:top;
padding:16px 0 16px 5%;
margin:0 0 0 5%;
border-left:solid 5px rgba(153,104,38,0.1);
text-transform:none;
}

#ol02 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#ol02 {
list-style:none;
display:block;
vertical-align:top;
width:100%;
margin:0 auto 0 auto;
padding:0;
text-align:left;
text-transform:none;
}

#ol02 li {
list-style:none;
display:block;
vertical-align:top;
padding:16px 0 16px 5%;
margin:0 0 0 0;
border-bottom:solid 1px rgba(153,104,38,1);
text-transform:none;
}



p
{
padding-bottom: 1rem;
}

#page01 {
margin:20px 0px 0px 0px;
float:left;
width:60%;
}

#portfolio,
#portfolio ul {
list-style:none;
margin:0;
padding:0;
text-align:justify;
vertical-align:top;
}

#portfolio li {
list-style:none;
display:inline-block;
margin:0 0 1% 0;
padding:0;
width:16%;
vertical-align:top;
padding:3%;
background:#fff;
text-align:center;
}

#portfolio li img {
width:100%;
height:auto;
}

#portfolio .fix-justify {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#portfolio .fix-justify:hover {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#post01 a,
#post01 a:link,
#post01 a:visited,
#post01 a:hover,
#post01 a:active
{
color:#888;
font-weight:700;
border-bottom:solid 1px #ccc;
background-image: url(_img/ic-link.png);
background-repeat: no-repeat;
background-position: right center;
padding:0px 15px 2px 0px;
margin:0px 5px 0px 0px;
text-decoration:none;
}

#post01 a:hover {
border-bottom:solid 2px #666;
padding:0px 15px 1px 0px;
text-decoration:none;
}

#post01 .meta01 {
display:block;
width:100%;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 0px;
text-align: left;
}

#post01 .meta01 li {
display:inline-block;
margin:0px;
padding:0px;
text-transform:uppercase;
font-size:13px;
}

#post01 .image01 {
}

#posts01 {
list-style:none;
margin:0px;
padding:0px;
text-align:justify;
vertical-align:top;
}

#posts01 ul{
list-style:none;
margin:0px;
padding:0px;
text-align:justify;
vertical-align:top;
}

#posts01 li {
list-style:none;
display:inline-block;
width:45%;
margin:0 0 5% 0;
padding:0;
overflow:hidden;
text-align:left;
vertical-align:top;
position:relative;
z-index:0;
}


#posts01 a,
#posts01 a:link,
#posts01 a:visited,
#posts01 a:hover
{
text-decoration:none;
background-image:none;
}

#posts01 .fix-justify {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#posts01 .fix-justify:hover {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#posts01 h1 {
font-size:20px;
line-height:25px;
font-weight:normal;
font-weight:100;
text-align:left;
margin:0px 0px 0px 0px;
padding:10px 0px 10px 0px;
text-transform:uppercase;
text-align:left;
}

#posts01 .content01 {
padding:5%;
font-weight:normal;
font-weight:300;
border:solid 1px #999;
background:#fff;
}

#posts01 .content01 a, 
#posts01 .content01 a:link,
#posts01 .content01 a:visited, 
#posts01 .content01 a:hover
{
font-weight:300;
font-weight:normal;
background-image:none;
}

#posts01 li img {
margin:0;
padding:0;
width:100%;
height:auto;
position:relative;
z-index:11;
border: 1px solid #996826;
border-bottom:none;
border-right:none;
}

#posts01 li .imgresize01 {
margin:0 0 5% 0;
padding:0 0 5% 0;
height:200px;
overflow:hidden;
border-bottom:solid 10px #996826;
}

#posts01 .meta01 {
font-size:10px;
border:none;
border-top:solid 2px #ddd; 
padding:5px 0 0 0;
margin:0;
text-transform:uppercase;
}

#search01 {
margin:6% 0 0 0;
width:100%;
}

#search01 .search-field {
background:#fff;
border:solid 1px #000;
width:100%;
-webkit-box-shadow: 0px 0px 0px 0px #ccc;
-moz-box-shadow: 0px 0px 0px 0px #ccc;
box-shadow: 0px 0px 0px 0px #ccc;
}

#search01 .search-submit {
display:none;
}

#screen-desktop {
display:block;
}

#screen-mobi,
#screen-tablet {
display:none;
}

.section18 {
display:block;
padding:25px 5% 25px 5%;
border-radius:8px;
border:solid 2px rgba(161,157,156,0.2);
}


#sidebar01 {
float:left;
width:18%;
height:auto;
padding:0 5% 0 0;
margin:0;
overflow:hidden;
text-align:right;
}


#sidebar02 {
float:right;
width:18%;
height:auto;
padding:0 0 0 5%;
margin:0;
overflow:hidden;
text-align:left;
border-left:solid 2px #996826;
}

#Sidebar02LatestNews,
#Sidebar02LatestNews ul {
display:block;
list-style:none;
margin:0;
padding:0;
}

#Sidebar02LatestNews li {
display:block;
list-style:none;
margin:0 0 10% 0;
padding:5% 0 5% 0;
border-bottom:solid 1px #000;
}

#site-footer {
width:100%;
margin:0px auto 0 auto;
font-size:11px;
padding:5% 0px 5% 0px;
text-align:center;
text-transform:uppercase;
border-top:solid 1px #000;
background:#fff;
}


#site-header {
width:90%;
margin:0 5% 2% 5%;
padding:5% 0 2% 0;
}

#sitenote01 {
display:block;
position:fixed;
z-index:555;
top:0;
width:90%;
min-width:90%;
height:auto;
background:#000;
color:#fff;
padding:10px 5% 10px 5%;
margin:0 auto 0 auto;
font-size:11px;
line-height:11px;
text-align:center;
border:none;
border-top:solid 2px #fff;
border-bottom:solid 2px #fff;
opacity:0.7;
-moz-box-shadow: 0 0 8px #000;
-webkit-box-shadow: 0 0 8px #000;
box-shadow: 0px 0px 8px #000;
}


#sitenote01 a,
#sitenote01 a:link,
#sitenote01 a:visited,
#sitenote01 a:hover,
#sitenote01 a:active {
color:#ddd;
}



.size-full {
width:100%;
height:auto;
}

#socialshare01,
#socialshare01 ul {
display:block;
width:100%;
padding:0;
float:none;
list-style:none;
margin:10% 0 10% 0;
text-align:left;
}

#socialshare01 li {
display:inline-block;
list-style:none;
padding:0px;
margin:0;
text-transform:uppercase;
width:17%;
text-align:center;
}

#socialshare01 img {
width:100%;
height:auto;
}


strong {
font-weight:700;
}

#studbook01 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#studbook01 {
display:block;
width:100%;
margin:0;
padding:0;
vertical-align:top;
text-align:center;
}

#studbook01 li {
display:inline-block;
width: 30%;
border: 1px solid #B78D71;
padding: 0;
margin:0 1% 5% 0;
text-align:center;
}

#studbook01 a,
#studbook01 a:link,
#studbook01 a:visited,
#studbook01 a:hover,
#studbook01 a:active {
background-image:none;
text-decoration:none;
border:none;
}

#studbook01 h2 {
text-align:center;
margin:5% 0 5% 0;
}

#studbook01 img {
	width: 100%;
	padding: 0;
	margin:0;
}
#studbook01-imgresize {
	height: 140px;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#studbook01 .fix-justify {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}

#studbook01 .fix-justify:hover {
background:none;
height:0px;
border:none;
-moz-box-shadow: 0 0 0px #fff;
-webkit-box-shadow: 0 0 0px #fff;
box-shadow: 0px 0px 0px #fff;
}



.tags {
border-top:dashed 1px #4A5155;
text-transform:uppercase;
font-size:8px;
margin:30px 0px 0px 0px;
padding:20px 0px 0px 0px;
}

.tagline01 {
text-align:right;
font-size:13px;
margin:0px;
padding:10px 0px 10px 0px;
color:#805B33;
opacity:0.8;
text-transform:uppercase;
}


#post01 .wp_rp_wrap a,
#post01 .wp_rp_wrap a:link,
#post01 .wp_rp_wrap a:visited,
#post01 .wp_rp_wrap a:hover,
#post01 .wp_rp_wrap a:active
{
font-weight:300;
border-bottom:none;
background-image: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
text-decoration:none;
}

#post01 .wp_rp_wrap a:hover {
border-bottom:none;
text-decoration:none;
opacity:0.5;
}

.thumbnail01 {
padding:0;
margin:0 auto 0 auto;
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
background-color:#fff;
border:none;
}


/* Media Queries: Smartphone -------------------------------------------------------------- */
@media (max-width: 480px) {

@-ms-viewport {
width: device-width;
}

@viewport {
width: device-width;
}

.alignleft {
float:none;
margin:0px 0px 20px 0px;
}

.alignright {
float:none;
margin:0px 0px 20px 0px;
}

body {
padding:5%;
}

#content01 {
display:block;
float:none;
width:100%;
min-width:100%;
max-width:100%;
height:auto;
margin:0;
padding:10% 0 10% 0;
text-align:justify;
}

h1 {
font-size:22px;
font-weight:700;
line-height:22px;
text-align:center;
}

h2 {
text-align:center;
}

h3 {
text-align:center;
}

h4 {
text-align:center;
}

h5 {
text-align:center;
}

#list01 li {
text-align:center;
}

.logo {
display:block;
float:none;
width:100%;
z-index:11;
text-align:left;
margin:0px auto 0px auto;
padding:0;
vertical-align:top;
text-align:center;
}

.logo img {
width:100%;
height:auto;
}

#media_screen {
display:none;
}

#media_tablet {
display:none;
}

#media_mobi {
display:block;
}

#menu01 {
font-size:30px;
line-height:30px;
padding:0;
text-align:center;	
width:100%;
height:auto;
margin:75px auto 0 auto;
position:relative;
z-index:33;
border:none;
border-bottom:solid 2px #996826;
}
	
.menu01 {
display:inline-block;
background:#fff;		
color:#000;
width:20%;
height:auto;
padding:10px;
margin:-10% auto -5% auto;
position:relative;
z-index:33;
text-align:center;
border:solid 2px #996826;
border-radius:8px;
}	
	
.menu01:hover {
background:#000;
cursor:pointer;
color:#fff;
}


.nav-primary,
.nav-primary ul {
list-style:none;
padding:0;
margin:0;
text-align:center;
width:100%;
}

.nav-primary li {
list-style:none;
display:block;
text-transform:uppercase;
font-size:15px;
border:none;
border-bottom:solid 1px #000;
padding:10px 0 10px 0;
margin:0;
width:100%;
}



#post01 .meta01 {
text-align: center;
}

#posts01 li {
list-style:none;
display:block;
width:100%;
margin:0 0 20px 0;
height:auto;
text-align:center;
}

#posts01 li content01,
#posts01 li h1
 {
text-align:center;
}

#posts01 li img {
width:100%;
height:auto;
}

#screen-mobi {
display:block;
width:100%;
height:auto;
overflow:hidden;
text-align:center;
float:none;
margin:20px 0 20px 0;
padding:0;
}

#screen-desktop,
#screen-tablet {
display:none;
}


#search01 .search-field {
text-align:center;
}

#sidebar01 {
display:none;
}

#sidebar02 {
display:none;
}


.site-footer-col {
display:none;
}

#site-header {
display:block;
width:90%;
padding:5% 0 0 0;
margin:0 auto 0 auto;
background-image:none;
}


#socialshare01 {
width:70%;
float:left;
text-align:center;
padding:0px;
}

#socialshare01 ul {
list-style:none;
padding:0px;
margin:0px 0px 0px 0px;
text-align:center;
}

#site-footer #socialshare01 ,
#site-footer #socialshare01 ul {
float:none;
margin:0 auto 0 auto;
padding:0;
width:50%;
text-align:right;
margin:0 auto 0 auto;
}

#studbook01 li {
width:100%;
margin:0 0 5% 0;
}

#socialshare01 li {
display:inline-block;
list-style:none;
padding:0px;
margin:0px 0 0px 0px;
text-transform:uppercase;
width:30%;
}

#socialshare01 img {
width:100%;
height:auto;
}


}