/* colours
maroon: 6C1A16
dark cream: EBA262
light cream: F8E0CE
dark grey: 212121
dark inky blue: 0C1323

fonts:
quattrocento sans
EB Garamond
*/

#contactForm {
display: none;
}

a:focus { outline: 1px dotted #888!important; }

a {
-webkit-transition: 200ms linear 0s;
-moz-transition: 200ms linear 0s;
-o-transition: 200ms linear 0s;
transition: 200ms linear 0s;
}

.entry img, img.thumbnail, #portfolio .group.portfolio-img img {
padding: 0;
border: 0;
}

#logo {
float: none;
text-align: center;
}

h1 {
clear: both;
}

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

#sidebar #connect .newsletter-form .email {
width: 48%;
}

.widget li {
list-style: none;
}

.widget_pippin_recent_posts li {
height: auto!important;
}

body #wrapper #content .button, body #wrapper #content .button:visited, body #wrapper #content .reply a, body #wrapper #content #respond .form-submit input#submit, input[type=submit], #navigation ul.cart .button {
font-weight: normal;
}

#loopedSlider {
margin-bottom: 30px!important;
}

.mejs-offscreen{position:absolute!important;top:-10000px;overflow:hidden;width:1px;height:1px;}

.mejs-container .mejs-controls .mejs-time span {
font-size: 11px!important;
color: #fff!important;
line-height: 12px!important;
display: block;
float: left;
margin: 1px 2px 0 0;
width: auto;
font-family: arial!important;
}

#navigation {
text-transform: uppercase;
}

.widget_woothemes_our_team .team-member .avatar {
float: left;
width: 100px;
margin: 0 15px 15px 0;
}

.widget.widget_woothemes_our_team h3 {
border: 0;
margin: 0;
padding: 0;
color: #6c1a16;
}

.team-member-text {
padding-left: 115px;
}

.widget_woothemes_our_team .team-member {
margin-bottom: 45px;
}

#footer-widgets-container {
border-top: 15px solid #6C1A16;
background: url(images/footer-lightgrey.png);
-webkit-box-shadow:inset 0 10px 30px 0 rgba(0,0,0,0.5);
box-shadow:inset 0 10px 30px 0 rgba(0,0,0,0.5);
}

#footer-widgets .block {
padding-top: 0;
}

#footer-widgets {
border: 0;
}

#footer-widgets .widget {
margin-top: 30px;
margin-bottom: 0;
}

#footer-widgets #connect {
margin-bottom: 0;
}

#footer-widgets #connect h3 {
display: none;
}

#footer-widgets .widget h3 {
color: #6C1A16;
padding-bottom: 0;
border-bottom: 0;
}

#footer-widgets .widget p, #footer-widgets .widget img {
font-size: 18px;
margin-bottom: 15px;
}

#footer-widgets .footer-widget-3 {
text-align: right;
}

#footer-widgets .footer-widget-3 p {
line-height: 1.3;
color: #6C1A16;
}

#footer-widgets .footer-widget-3 p.footer-contacts {
font-size: 24px;
line-height: 1.1;
}

#footer a {
color: #fff;
}

#footer .col-left {
margin-bottom: 0;
}

/* basic form CSS */

button, input, select, textarea {
font-family: inherit;
}

label {
margin:0 0 3px 0;
padding:0;
display:block;
font-weight: bold!important;
color: #000!important;
}
input[type=text], 
input[type=date],
input[type=datetime],
input[type=number],
input[type=search],
input[type=time],
input[type=url],
input[type=email],
textarea, select{
box-sizing: border-box;
background: #fff;
color: #111;
padding: 10px 15px;
margin:0;
border: 1px solid #000;
outline: none;	
font-size: inherit;
}
input[type=text]:focus, 
input[type=date]:focus,
input[type=datetime]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=email]:focus,
textarea:focus, 
select:focus{
border: 1px solid #6C1A16;
}
input[type="checkbox"],input[type='radio'] {
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
vertical-align: text-top;
}
select{
width: 100%;
}
textarea{
min-height: 150px!important;
}
button, input[type=submit], input[type=button]{
background: #6C1A16;
color: #fff;
padding: 12px 18px;
border: none;
font-size: inherit;
}
button:hover, input[type=submit]:hover, input[type=button]:hover{
background: #212121;
}
.cog-form {
margin-bottom: 2em!important;
}
.cog-confirmation__message {
font-style: italic;
}
.cog-form [aria-hidden="true"], .cog-form [data-a11y-toggle]:not([aria-controls]) {
display: inline!important;
}



/* mobile styles */
@media only screen and (max-width: 960px) {

}


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

#navigation { 
text-align:center;
}

#navigation ul ul {
text-align: left;
}

ul#main-nav { 
float:none;
display:inline-block;
vertical-align:top;
}

}


@media only screen and (max-width: 767px) {



}

@media only screen and (max-width: 450px) {



}