/**
 * Add any custom CSS here.
 *
 * This file will be loaded after all other theme stylesheets.
 */

 #masthead{
 	margin-bottom: 20px;
 }

 /* BANNER */

 .banner{
 	background:
     linear-gradient(
       rgba(0, 0, 0, 0.4),
       rgba(0, 0, 0, 0.4)
     ),
     url('/wp-content/uploads/banner.jpg') center no-repeat;
     background-size: cover;
     min-height: 220px;
     border-radius: 4px;
     padding: 20px;
     color: #575C6C;
     margin-bottom: 20px;
 }

 .banner h1{
   color: #eee;
 }

 .banner h4{
   color: #fff;
   font-size: 16px;
   margin: 0;
   background: none;
 }

 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
 .button,
 .added_to_cart {
   border: 0;
   background: none;
   background-color: #60646c;
   border-color: #60646c;
   color: #fff;
   cursor: pointer;
   //line-height: 1;
   padding: 0.618em 1em;
   text-decoration: none;
   font-weight: 700;
   text-shadow: none;
   display: inline-block;
   outline: none;
   -webkit-appearance: none;
   -webkit-font-smoothing: antialiased;
   border-radius: 0;
   box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.1);
 }

 h2, .beta {
 	font-size: 1.618em;
 	letter-spacing: -1px;
 }

 h1, h2, h3, h4, h5, h6 {
     clear: both;
     font-weight: 600;
     margin: 0 0 0.618em;
     color: #303236;
 }

 p+h4,
 ul+h4{
 	margin-top: 10px;
 }

 h4{
   	background: #eee;
     display: inline-block;
     padding: 4px 6px;
     border-radius: .236em;
 	margin-bottom: 20px;
 }

 h4, .delta {
     font-size: 1em;
 }

 .entry-header h1,
 .entry-header h1 a,
 .entry-header h2,
 .entry-header h2 a {
     line-height: 1.214;
     letter-spacing: -1px;
 	font-weight: 600;
 	font-size: 30px;
 }

 .textwidget .button h4 {
   background: none;
     color: #eee;
 }

 .textwidget .button h2 {
     color: #fff;
 }

 a{
   color: #135D9A;
 }

 a:focus,
 .button:focus{
   outline: none;
 }

 ul.sub-menu li a {
   background: #eee;
   color: #444;
 }

 a.button,
 input[type=search]{
   border-radius: .236em;
 }

 a:focus {
   outline: 0 !important;
 }

 .button:hover {
     opacity: 0.75;
 }

 .button.home-left{
   width:50%;
   background:#eee;
 }

 .button.home-right{
   width:40%;
   background:#eee;
 }

 .textwidget .orange{
   background: #fb8c00; //#ef510e;
 }

 .textwidget .yellow{
   background: #FFA000; //#EF900E;
 }

 .textwidget .blue{
   background: #82B1FF; //#135D9A;
 }

 .textwidget .grey{
   background: #78909C; //#444;
 }

 .textwidget .button h2{
   color: #fff;
 }

 .textwidget .button h4{
   color: #eee;
 }

 .textwidget .help{
   background: #f8f8f8;
   border-radius: 4px;
   border: 2px solid #eee;
 }

 .textwidget .help img{
   margin: 0 auto;
 }

 .widget-area .widget {
     font-size: .857em;
 }

 /* ENTRY META */

 .entry-meta{
 	display: none;
 }

 /* ENTRY CONTENT */

 .entry-content{
 	min-width: 100%;
 }

 /* POST  */

 .post-date {
     display: block;
 }

 /* CARD */

 .card{
     display:inline-block;
     width: 250px; // 180px;
 	height: 250px; //180px;
     background: #fff;
     border:2px solid #eee;
     border-radius:4px;
     padding:1em;
     margin:0 0.5em 1em 0;
     vertical-align: top;
     position: relative;
 }

 .card.scalable{
 	height: 100%;
 }

 .card .title{
     font-size:16px;
     font-weight: 600;
 }

 .card .desc{
     font-size:14px;
     color:#757575;
     //text-transform: uppercase;
 }

 .card ul {
     font-size: 14px;
 }

 .card .button{
   	border-radius: .236em;
     background-color: #03a9f4; #e65100;
     color: #ffffff;
   	margin-top: 10px;
 //	position: absolute;
     bottom: 20px;
 }

 .card .button a{
 	color: #ffffff;
 }

 .card .button a.course{
   background: #ccc;
 }

 .card .button form{
     margin:0;
 }

 .card.course{
   background: #eee;
 }

 /* WIDGET */

 .widget a.button,
 .widget a.button:hover{
   color: #fff;
 }

 .widget-area .widget a:not(.button) {
 	text-decoration: none;
 }

 .widget-area .widget a:not(.button):hover{
 	color: #03a9f4;
 }

 /* FOOTER */

 .textwidget img{
     border-radius: .236em;
 	margin-bottom: 20px;
 	background: #EEEEEE;
     border: 1px solid #e0e0e0;
 }

 .textwidget img.footer{
   padding: 10px;
 }

 .textwidget h4.footer{
   border-left: 4px solid #03a9f4;
   padding-left: 10px;
   border-radius: 0;
 }

 .sfb-footer-bar{
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
 }

 /* MOBILE */
 .main-navigation.toggled .handheld-navigation,
 .main-navigation.toggled .menu>ul:not(.nav-menu),
 .main-navigation.toggled ul[aria-expanded=true] {
 	max-height: 100%;
 }

 ul.sub-menu li a {
 	background: none;
 }

 @media (max-width:768px){
 	.textwidget .button{
 		min-width: 100%;
 	}
 	.partner{
         width: 100%;
 	}
 	.card{
   		width: 100%;
 	}
  #logo-external{
    display: none;
  }
 }
