/******* Do not edit this file *******/
/*
My Custom CSS - by Salvatore Noschese
aka L'AltroWeb - https://laltroweb.it/
/*
Saved: Sep 23 2019 | 12:03:48 (pm)
/*
/******* Do not edit this file *******/

/*--COLOURS AND BACKGROUNDS Colour 1: black #0c0c0c; Colour 2: grey #404040; Colour 3: pale grey #737373; --*/

/*--text colours --*/
body {background-color: #222; color: #666;}
a, #genesis-responsive-slider a.more-link {color: #0c0c0c;}
a:hover, #genesis-responsive-slider a.more-link:hover {color: #404040;}
h1,h2,h3,h4,h5,h6 {color: #404040;}
.entry-title {color: #404040;}
.entry-title a {color: #404040;}
.content .entry-title a:hover {color: #404040;}

/*--button & form colours --*/
input,select,textarea {	background-color: #fff;	color: #999;}
button,input[type="button"],input[type="reset"],input[type="submit"],.button,.entry-content .button {background-color: #0c0c0c; color: #fff;}
button:hover,input:hover[type="button"],input:hover[type="reset"],input:hover[type="submit"],.button:hover,.entry-content .button:hover {background-color: #404040; color: #fff;}

/*--header & home page widgets colours --*/
.site-header {color: #fff; background-color: #000; }
.site-title a {	color: #fff;}
.site-title a:hover {color: #fff;}
.site-header .widget-area h3, .site-header .widget-area a {color: #fff;}
.site-header .widget-area a:hover {color: #fff; text-decoration:underline;}
.site-description {color: #404040;}
.home-bottom {background-color: #f0f2f6;}
.widget-title {color: #404040;}
.home-bottom .widget-title { color: #737373;}

/*--menu colours --*/
.nav-primary {background:none;}
.wrap .nav-primary, .nav-primary, .genesis-nav-menu, .genesis-nav-menu a {background-color: #404040; color: #fff; }
.genesis-nav-menu a:hover, .genesis-nav-menu .current-menu-item > a, .site-header .current-menu-item > a, .site-header .genesis-nav-menu a:hover {background-color: #737373; color: #fff;}

/*--sidebar colours --*/
.sidebar {color: #222;}
.sidebar .widget {background-color: #fff;}

/*--footer colours --*/
.footer-widgets {background-color: #0c0c0c; border-top: 1px solid #ececec;color: #fff;}
.footer-widgets h4.widget-title {color: #fff;}
.footer-widgets a {color: #fff;}
.site-footer {background-color: #f5f5f5;color: #999;}
.site-footer a {color: #999;}
.site-footer a:hover {color: #404040;}

/*-- fonts & text --*/
body {font-size: 16px;}
h1, h2, h3, h4, h5, h6 {font-family: 'Lora', serif;}
.site-title { font-size: 36px; font-weight:400; font-family: 'Lora', serif;}
h1 {font-size: 36px; }
h2 {font-size: 24px; text-transform:uppercase;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
input,select,textarea {font-size: 14px;	}
button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button {font-family: 'Open Sans', sans-serif;}
.entry-title {font-size: 30px; line-height: 1.6; font-weight: 400;}
.widget-title {	font-size: 20px;}
.featured-content .entry-title {font-size: 22px; line-height: 1.1; text-transform: uppercase; font-weight:700;}
.genesis-nav-menu {font-size: 14px; }
.genesis-nav-menu .sub-menu {font-size: 12px;}
.home-bottom .widget-title { font-weight: 400; font-size: 18px; color: #0c0c0c; text-transform:none;}
.footer-widgets a:hover {text-decoration: underline;}
.site-footer {font-size: 12px;}
.word-wrap {word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; }
.site-header .widget-area h3 {font-family: Lato, sans-serif; margin-bottom: 20px;}

/*-- spacing --*/
.more-link {display:block;}
.widget { margin-bottom: 20px;}
.site-header .wrap {padding: 20px 0;}
.site-header .title-area {padding: 0; margin: 0; width: 250px;}
.site-header .widget-area {width: 400px; margin-top: 0px;}
.genesis-nav-menu a {padding: 18px 18px;}  
.fa {margin-right:10px;}
.no-show {display:none;}
.site-header .widget-area {padding-top: 0;}
a.anchor{display: block; position: relative; top: -50px; visibility: hidden;}

/*--Ipad landscape--*/
@media only screen and (max-width: 1200px) {
  .genesis-nav-menu { font-size: 13px;}
}
/*--Ipad portrait--*/
@media only screen and (max-width: 1023px) {
 
}
/*--Mobile screen landscape--*/
@media only screen and (max-width: 767px) {
   .site-header .title-area {display: block; float: none; width: 100%; margin: 0 auto; text-align: center;}
  .site-header .widget-area {  width: 100%; float:none; margin: 0 auto;}
  .entry-content img.alignright {display: block; float: none; padding: 0; margin: 0;}
}
/*--Mobile screen portrait--*/
@media only screen and (max-width: 480px) {
  .no-show {display:block;}
  }