@charset "UTF-8";
/*
Theme Name: onlinebrandambassadors
Theme URI: http://onlinebrandambassadors.com/onlinebrandambassadors
Author: onlinebrandambassadors
Author URI: http://onlinebrandambassadors.com
Version: 1.0
License: GNU General Public License
*/



@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&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%;
}


a {
	color: #000;
	text-decoration: none;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;

}
a:hover {
	text-decoration: underline;
	color: #666;
}
a:active {
	text-decoration: none;
	color: #000;
}



.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;
}

body {
width:80%;
max-width:80%;
min-width:80%;
height:auto;
background:#fff;
padding:0;
margin:0 auto 0 auto;
font-family: 'Nunito Sans', sans-serif;
color:#000;
font-size:16px;
line-height:25px; 
font-weight:400;
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;
}

.button01 {
width:90%;
min-width:90%;
max-width:90%;
height:auto;
padding:16px 5% 16px 5%;
margin:25px auto 0 auto;
border:solid 2px #000;
text-align:center;
font-weight:800;
}

/* 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:#BB9344;background-color:#BB9344;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 {
}



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

#column02 ul { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#column02 {
list-style:none;
display:block;
vertical-align:top;
width:89%;
margin:0 auto 0 auto;
padding:5%;
text-align:center;
background:#FDFBE4;
background-image: url(_img/background01.png);
background-repeat: repeat;
background-position: left center;
background-size:200px 200px;
border:solid 2px #BB9344;
}

#column01 li,
#column02 li {
list-style:none;
display:inline-block;
vertical-align:top;
padding:2% 0 0 2%;
margin:0 2% 2% 0;
text-align:left;
}

#column01 img,
#column02 img {
width:88%;
height:auto;
padding:5%;
border:solid 2px #000;
margin:0 0 5% 0;	
background:#fff;
}

#column01 .two {
	width: 42%;
	height: auto;
	text-align: left;
	padding: 2%;
	margin:1%;
}

#column02 .two {
	width: 45%;
	height: auto;
	text-align: left;
	padding: 2%;
	margin:0;
}



#container01 {
width:100%;
min-width:100%;
max-width:100%;
background:#fff;
padding:0;
margin:0 auto 0 auto;
}

#content01 {
width:100%;
min-width:100%;
max-width:100%;
}

.featuredimage01 {
width:100%;
height:auto;
margin:2% auto 5% auto;
padding:1%;
}

#gradient01 {
background-image: linear-gradient(#0187C8, #98D1EA); /* VERTICAL */
background-image: linear-gradient(to right, #0187C8, #98D1EA);/* HORIZONTAL */
background-image: linear-gradient(to bottom right, #0187C8, #98D1EA); /* DIAGONAL */
}

.grow { 
-webkit-transition: all 9s ease;
-moz-transition: all 9s ease;
-o-transition: all 9s ease;
-ms-transition: all 9s ease;
transition: all 9s ease;
-webkit-transition-timing-function: linear; /* Safari and Chrome */
-webkit-transition: all .9s ease-in-out;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: linear;
transition: all .9s ease-in-out; 
transition-timing-function: ease-in-out;
-moz-transition: all .9s ease-in-out;
text-align:center;
}

.grow:hover { 
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Safari */
transform: scale(2,2); /* width, height */
display: inline-block;
margin:0;
padding:5%;
background:#fff;
border:solid 1px #000;
background-image: url(_img/clickimagetoviewfullsize.png);
background-size:10%;
background-repeat: no-repeat;
background-position: center bottom;
cursor: -webkit-zoom-in; 
cursor: -moz-zoom-in;
text-align:center;
z-index:33;
}



h1 {
font-family: 'Cormorant Garamond', serif;
color:#BB9344;
font-size:44px;
line-height:45px;
font-weight:400;
margin:0 0 1% 0;
padding:0;
text-transform:uppercase;
}

h2 {
font-weight:900;
color:#000;
font-size:18px;
line-height:22px;
text-transform:uppercase;
padding:1% 0 1% 0;
margin:1% auto 1% auto;
border-bottom:solid 1px #000;
}

h3 {
font-size:22px;
line-height:28px;
font-weight:normal;
font-weight:300;
padding:3% 0 3% 0;
margin:3% auto 3% auto;
border:none;
border-top:dashed 1px #000;
border-bottom:dashed 1px #000;
}

h4 {
font-family: 'Cormorant Garamond', serif;
background:#FDFBE4;
letter-spacing:1px;
padding:5%;
font-size:14px;
line-height:21px;
margin:0 0 1% 0;
border:none;
border-bottom:solid 2px #BB9344;
}


.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.5;
filter:alpha(opacity=50); 
}

.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%;
}

hr {
color:#4A5155;
border:none;
border-top: dashed 1px #4A5155;
margin:1% 0 1% 0;
padding:0px;
}

.logo01 {
float:left;
width:20%;
z-index:11;
text-align:left;
margin:0;
padding:0;
border:none;
}

.logo01 img {
width:100%;
margin:0;
padding:0;
z-index:11;
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 {
list-style:none;
padding:0;
margin:0;
text-align:right;
}

#nav01 li {
list-style:none;
display:inline-block;
margin:3% 0 0 5px;
padding:1% 5% 1% 5%;
text-transform:uppercase;
background:#BB9344;
font-size:12px;
line-height:12px;
letter-spacing:1px;
border-radius:5px;
}

#nav01 a,
#nav01 a:link,
#nav01 a:visited,
#nav01 a:hover,
#nav01 a:active {
color:#fff;
font-weight:700;
}


p {
display:block;
width:100%;
padding:0;
margin:0 0 1% 0;
}

#page01 {
float:none;
width:100%;
max-width:100%;
text-align:justify;
}

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

#posts01 li {
list-style:none;
display:inline-block;
padding:0;
margin:0;
}

#sidebar01 {
float:right;
width:20%;
height:auto;
padding:0;
margin:0;
}

#site-footer01 {
width:100%;
font-size:10px;
margin:2% auto 2% auto;
padding:5% 0 5% 0;
text-align:center;
text-transform:uppercase;
border-top:solid 5px #4A5155;
}

#site-header01 {
width:100%;
max-width:100%;
margin:1% auto 2% auto;
padding:3% 0 3% 0;
text-align:justify;
border:none;
border-bottom:solid 2px #ddd;
}

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

#slide01 {
width:100%;
padding:2% 0 2% 0;
margin:0 auto 0 auto;
}

strong {
font-weight:700;	
}


/* 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 {
	text-align:center;
	}
	
#column01 {
width:100%;
padding:0;
margin:0 auto 0 auto;
}

#column01 .two {	
float:none;
display:block;
width:100%;
margin:0 auto 10% auto;
padding:0;
text-align:center;
}

.logo01 {
display:block;
width:100%;
float:none;
padding:0;
margin:10% 0 10% 0;
}

h1 {
text-align:center;
font-size:13px;
line-height:15px;
font-family: 'Lato', sans-serif;
font-weight:900;
background:#BB9344;
color:#fff;
padding:5%;
}	
	
h2 {
text-align:center;
font-size:13px;
line-height:15px;
font-family: 'Lato', sans-serif;
font-weight:900;
background:#000;
color:#fff;
padding:5%;
}
	
h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active {
color:#fff;		
}
	
#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:-5% auto -5% auto;
}
	
.menu01 {
background:#000;		
color:#fff;
width:15%;
height:auto;
padding:5%;
margin:0 40% -9% 30%;
position:relative;
z-index:11;
border:solid 6px #fff;
}	
	
.menu01:hover {
background:#BB9344;	
}

#nav01 { display:block;width:100%;height:auto;list-style:none;padding:0;margin:0; }
#nav01 ul {
list-style:none;
padding:0;
margin:0 auto 0 auto;
text-align:center;
width:80%;
min-width:80%;
max-width:80%;
display:block;
float:none;
border:none;
}

#nav01 li {
list-style:none;
display:block;
text-transform:uppercase;
font-size:16px;
font-weight:700;
border:none;
padding:5% 0 5% 0;
margin:5% auto 5% auto;
width:100%;
text-align:center;
}
	
#site-footer01 {
color:#fff;
background:#BB9344;
width:90%;
min-width:90%;
max-width:90%;
font-size:12px;
line-height:15px;
text-align:center;
text-transform:uppercase;
margin:0 auto 0 auto;
padding:5%;
border:none;
}

#site-footer01 a,
#site-footer01 a:link,
#site-footer01 a:visited,
#site-footer01 a:active {
text-decoration:none;
color:#fff;
}	
	
#slide01 {
display:none;
border:none;
margin:10% auto 5% auto;
}	

}