/*
Theme Name:         Laverde
Theme URI:          http://www.uxde.net/2012/09/24/laverde-premium-theme/
Description:        Laverde is a premium Wordpress theme by UXDE dot Net.
Version:            1.0.4
Author:             Toan Nguyen Minh
Author URI:         http://www.uxde.net
Tags: white, black, two-columns, custom-colors, right-sidebar, fixed-width, flexible-width, custom-menu, editor-style, featured-images, full-width-template
License URI: http://www.gnu.org/copyleft/gpl.html
*/

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------

:: 01. Global 
:: 02. Header
:: 03. WordPress Outputs
:: 04. Widgets
:: 05. Comments
:: 06. Footer
:: 07. Portfolio
:: 08. Home
:: 09. Skin

/* ---------------------------------------------------

   01. Global
   
--------------------------------------------------- */

@import url('extras.css');

::selection { 
	color: #FFFFFF; 
}

::-moz-selection { 
	color: #FFFFFF; 
}

body {
	background: #eeeeee;
/*	October font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; */
	word-wrap: break-word;
}

iframe, embed, img {
	max-width: 100%;
	height: auto;
}

.container iframe {
/* removed in June 22 height:350px ; */
}

ins iframe {
	height: 100%;
}

input,
textarea,
select {
	padding: 11px;
	outline: none;
	font-size: 12px;
	line-height: 20px;
}

textarea {
	resize: vertical;
	width: 95%;
}

hr { 
/* margin was 55px */
	margin: 30px 0; 
}

.post-content .tabs-content .columns,
.post-content .tabs-content .columns.last { 
	margin-bottom: 0; 
	margin-top: 20px;
}

.post-content .tabs-content br { 
	display: none; 
}
 
/* October p { 
	font-size: 16px; 
	line-height: 27px;
} */



.post-box blockquote p, .post-box pre p {
	font-size: 16px;
	font-style: italic;
	line-height: 24px;
}


blockquote.qr {
	margin: 0;
	padding: 0;
	float:right;
	width:50%;
	border-left: 0;
}

blockquote.qr p {
	font-size: 24px;
	font-style: italic;
	text-transform:uppercase;
	line-height: 34px;
	color:#009bff;
	margin:0px;
	padding:10px;
}


blockquote.qc {
	margin: -20px 0 0 0;
	padding: 0;
	text-align:center;
	width:100%;
	border-left: 0;
}

blockquote.qc p {
	font-size: 24px;
	font-style: italic;
	text-transform:uppercase;
	line-height: 34px;
	color:#009bff;
	margin:0px;
	padding:10px;
}


blockquote.ql {
	margin: 0;
	padding: 0;
	float:left;
	width:50%;
	border-left: 0;
}

blockquote.ql p {
	font-size: 24px;
	font-style: italic;
	text-transform:uppercase;
	line-height: 34px;
	color:#009bff;
	margin:0px;
	padding:10px;
}

.left {
	float: left;
}

.right {
	float: right;
}

#laverde { display: none; }

#container {
	background: #FFFFFF;
}

/* #header {
 October	position: relative;
	border-top:#359bed 10px solid; 
	min-height:68px;
	
} */

#main-content {
	width: 960px;
	margin: 0 30px;
	overflow: hidden;
}

#content {
	margin-right: 30px;
}

#sidebar {
	margin: 0;
	float:left;
}

.wp-caption {}

.wp-caption-text { 
	text-align: center; 
}

.sticky {} 

.gallery-caption {}

.bypostauthor {}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}



/* ---------------------------------------------------

   02. Header
   
--------------------------------------------------- */

/* October .logo {
	display: block;
	margin: 0px 30px 5px 30px;
} */

/* old.logo img { 
	max-width: 100%;
	height: auto;
	max-height:55px;
	margin: 5px 0 0 0; 
} */

.logo img {
  /* October  max-width: 100%; */
  max-width:210px;
    height: auto;
    max-height: 55px;
    margin: 5px 0 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.logo img:hover {
    opacity: 0.6;
    transform: scale(1.2);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.logo h1 {
	font-size: 36px;
	font-weight: 700;
	line-height: 39px;
	margin: 0;
	padding: 0;
	text-align:center;
}

.logo h1 a {
    margin: 0;
	padding: 0;
	color: #222222;
	text-decoration: none;
}

.logo h1 a:hover {
	opacity: 0.8;
}

.logo div a:hover {
	opacity: 0.8;
}

.logo h4 {
	color: #AAAAAA;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 21px;
}

#searchform { margin: 0; }



/* October #searchform input[type='text'] {
	float: left;
	border: none;
	color: #AAAAAA;
	width: 228px;
	font-size: 12px;
	line-height: 15px;
	outline: none;
	margin: 0;
	padding: 12px;
	border: 1px solid #EAEAEA;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} */

#searchform input[type='submit'] {
	background: url(images/search-icon.png) no-repeat;
	background-position: 12px 12px;
	background-color: #222222;
	float: left;
	width: 45px;
	color: #FFFFFF; 
/* october	border: 1px solid #000000; 
	padding: 12px;  */
	cursor: pointer; 
	margin: 0 0 0 4px;
	box-shadow: inset 0px 1px 0px #71757E;
	-webkit-box-shadow: inset 0px 1px 0px #71757E;
	-moz-box-shadow: inset 0px 1px 0px #71757E;
	overflow: hidden;
	height: 45px;
     border-radius: 0;
}

#searchform input[type='submit']:hover {
	background-color:#888888;
}

.ie #searchform input[type='submit'] {
	height: 40px;
}

/* #top-bar {
	background: #222222;
	padding: 0;
	margin-bottom:30px;
	height: 40px;
} */

#sm-btn {display:none;}

.social-icons {
	float: right;
	margin: 5px 30px 0 30px;
}

.social-icons ul {
	margin: 0;
}

.social-icons ul li {
    float: left;
	display: block;
    margin: 0 0 5px 0;
    text-indent: -9999px;
}

.social-icons ul li:last-child {
	margin: 0 0 5px 0;
}

.social-icons ul li.rss-item {
	width: 25px;
	height: 24px;
}

.social-icons ul li.email-item {
	width: 25px;
	height: 24px;
}

.social-icons ul li.twitter-item {
	width: 23px;
	height: 24px;
}

.social-icons ul li.facebook-item {
	width: 19px;
	height: 24px;
}

.social-icons ul li.google-item {
	width: 20px;
	height: 24px;
}

.social-icons ul li.pinterest-item {
	width: 22px;
	height: 24px;
}

.social-icons ul li.linkedin-item {
	width: 25px;
	height: 24px;
}

.social-icons ul li.rss-item a {
    background: url("images/social-icons.png") no-repeat;
    display: block;
    float: left;
    height: 30px;
    width: 30px;
}

.social-icons ul li.email-item a {
    background: url("images/social-icons.png") no-repeat;
	background-position: -33px 0;
    display: block;
    float: left;
    height: 30px;
    width: 30px;
}

.social-icons ul li.twitter-item a {
    background: url("images/social-icons.png") no-repeat;
	background-position: -65px 0;
    display: block;
    float: left;
    height: 30px;
    width: 30px;
}

.social-icons ul li.facebook-item a {
    background: url("images/social-icons.png") no-repeat;
	background-position: -97px 0;
    display: block;
    float: left;
    height: 30px;
    width: 23px;
}

.social-icons ul li.google-item a {
    background: url("images/social-icons.png") no-repeat;
	background-position: -129px 0;
    display: block;
    float: left;
    height: 30px;
    width: 23px;
}

.social-icons ul li.pinterest-item a {
    background: url("images/social-icons.png") no-repeat;
	background-position: -160px 0;
    display: block;
    float: left;
    height: 30px;
    width: 23px;
}

.social-icons ul li.linkedin-item a {
    background: url("images/social-icons.png") no-repeat;
	background-position: -191px 0;
    display: block;
    float: left;
    height: 30px;
    width: 26px;
}

.subheader {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}

.form-mobile {
	display: none;
}

@media only screen and (max-width: 767px) {
#primary-nav{ display: none; }
}



/* begin responsive */ 
@media only screen and (min-width: 768px) {

#primary-nav { 
	float: left;
	height: 40px;
	line-height: 40px;
	margin: 3px 0 0 0;
}

.primary-menu {
	margin: 8px 30px 0 30px;
	float: left;
	list-style: none;
	line-height: 40px;
}

#primary-nav ul.primary-menu {
	margin: 8px 30px 0 30px;
	float: left;
	list-style: none;
	line-height: 40px;
}

#primary-nav ul a {
	display: block;
	position: relative;
}

#primary-nav ul li {
	float: left;
	position: relative;
	z-index: 40;
	margin: 0;
}

#primary-nav ul li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }

#primary-nav ul ul {
	position: absolute;
	top: -9999em;
	width: 250px; /* left offset of submenus need to match (see below) */
}

#primary-nav ul ul li { width: 100%; }

/*  Make sub menus appear -------------------------------------------------*/
#primary-nav ul li:hover ul,
#primary-nav ul li.sfHover ul {
	position: absolute;
	left: -1px;
	margin: 4px 0 0 0; /* Added to push sub-menu down */
	top: 25px; /* match top ul list item height */
}

/* Hide all subs subs (4 levels deep) -------------------------------------*/
#primary-nav ul li:hover li ul,
#primary-nav ul li.sfHover li ul,
#primary-nav ul li li:hover li ul,
#primary-nav ul li li.sfHover li ul,
#primary-nav ul li li li:hover li ul,
#primary-nav ul li li li.sfHover li ul { top: -9999em; }

/* Displays all subs subs (4 levels deep) ---------------------------------*/
#primary-nav ul li li:hover ul,
#primary-nav ul li li.sfHover ul,
#primary-nav ul li li li:hover ul,
#primary-nav ul li li li.sfHover ul,
#primary-nav ul li li li li:hover ul,
#primary-nav ul li li li li.sfHover ul {
	left: 180px; /* match .nav ul width */
	top: -5px;
}
	
/* top level skin ---------------------------------------------------------*/
#primary-nav > ul > li > a {
	font-size: 16px;
	height:30px;
	font-weight: 600;
	line-height: 20px;
    text-transform: uppercase;
    top: -1px;
}

#primary-nav ul a {
	padding: 0 30px 0 0;
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
	text-decoration: none;
}

#primary-nav ul a:hover,
#primary-nav ul li.sfHover > a:hover {
	color: #999;
	
}

#primary-nav ul li.sfHover > a,
#primary-nav ul li.current-cat > a,
#primary-nav ul li.current_page_item > a,
#primary-nav ul li.current-menu-item > a {
    color: #FFFFFF;
	text-decoration: none;
}

#primary-nav ul li.current-cat > a:hover,
#primary-nav ul li.current_page_item > a:hover,
#primary-nav ul li.current-menu-item > a:hover {
    color: #FFFFFF;
	opacity: 0.8;
	text-decoration: none;
}

/* 2nd level skin --------------------------------------------------------*/
#primary-nav ul ul {
	z-index: 9999;
	padding: 0;
	background: #222222;
	border: 1px solid #252525;
}

#primary-nav ul ul li {
	border-bottom: 1px solid #252525;
	padding: 9px 0;
	line-height: 22px;
	float: none;
	background: none;
}

#primary-nav ul ul li:first-child { 
	margin-top: 0; 
}

#primary-nav ul ul li:last-child { 
	border-bottom: none; 
}

#primary-nav ul ul li a {
    color: #FFFFFF;
	font-size: 12px;
	font-weight: 600;
	line-height: 22px;
	padding: 5px 12px;
	text-shadow: 0 1px 1px #000000;
	/* text-transform: uppercase; */
}

#primary-nav ul ul li.current-cat > a, 
#primary-nav ul ul li.current_page_item > a, 
#primary-nav ul ul li.current-menu-item > a { 
	border: none; 
	color: #FFFFFF;
}

#primary-nav ul ul li a:hover { 
	border: none; 
	color: #FFFFFF;
	opacity: 0.8;
}

#primary-nav ul li.sfHover ul a { 
	border: none; 
}

#primary-nav ul li.menu-item-ancestor a {
	
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 14px;
	margin-right: 30px;
	opacity: 1;
}

#primary-nav ul li.menu-item-ancestor a:hover {
	opacity: 0.8;
}

#primary-nav ul li.menu-item-ancestor ul a {
	background: none;
	padding-right: 5px;
	opacity: 1;
}

#primary-nav ul li.menu-item-ancestor ul a:hover {
	
	color:#999;
}

#primary-nav .sub-menu li.menu-item-ancestor a {
	background-image: url(images/header-nav-arrow.png);
	background-position: center right;
	background-repeat: no-repeat;
	padding-right: 24px;
	margin: 0;
	opacity: 1;
}

#primary-nav .sub-menu li.menu-item-ancestor a:hover {
	opacity: 0.8;
}

#primary-nav .sub-menu li.menu-item-ancestor li a {
	background-image: none;
	padding-right: 15px;
	margin: 0;

}


/* import from lower */

#primary-nav>ul>li>a {
    font-size: 15px !important;
    
    }
    
#primary-nav {
    height: 40px;
    line-height: 40px;
    max-width: 1009px;
    margin: 0 auto;
    float:none;
}


#primary-nav ul.primary-menu {
    margin: 13px 30px 0 25px;
   
}



/* SHIFT */

/* October 
nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: #555;
} 


/* October
#primary-nav a:before, #primary-nav a:after
{
    position: absolute;
    left: 0px;
    width: 100%;
    height: 2px;
    background: #FFF;
    content: "";
    opacity: 0;
    transition: all 0.3s;
} */

/* October #primary-nav a:before
{
    top: 0px;
    transform: translateY(14px);
}
*/




#primary-nav ul a:hover, #primary-nav ul li.sfHover>a:hover {
    color: #fff;
}


#primary-nav ul.primary-menu {
    margin: 8px 30px 0 16px;
}

#primary-nav ul a {
    padding: 0 30px 0 0;
    color: #FFFFFF;
    font-weight: 700 !important;
    text-shadow: none;
    text-decoration: none;
}

#primary-nav ul li.menu-item-ancestor a {
    background-position: center right;
    background-repeat: no-repeat;
    padding-right: 0;
    opacity: 1;
}




#primary-nav ul li.menu-item-ancestor a {
   
    margin-right: 0;
    height:22px;
        padding: 6px;

}

#primary-nav ul a {
    padding: 0 0px 0 0;
    
    }
    
#primary-nav ul li {
    float: left;
    position: relative;
    z-index: 40;
    margin: 0;
    margin-right: 26px;
    text-transform: uppercase;
}


#primary-nav>ul>li>a {
   height:20px;
    padding: 6px;
    
    }




#primary-nav ul ul {
    z-index: 9999;
    padding: 0;
    background: #333;
    border: 1px solid #333;
    
    width:300px
}

#primary-nav ul ul li {
    padding: 0px;
        text-transform: capitalize;
    }


#primary-nav ul ul li:first-child {
    padding-top: 5px;
}


#primary-nav ul li.menu-item-ancestor ul a {
   
    padding-left: 11px;
    
    }

#top-bar {
    
    height: 50px;
}

/* end import from lower */

/* end responsive */ 
}


/* ---------------------------------------------------

   03. WordPress Outputs
   
--------------------------------------------------- */

.top-ad {
	width: 960px;
	float: left;
	margin: 0 30px 30px 30px;
}

.post-box {
	overflow: hidden;
	display: block;
}

.slider-wrapper {
	overflow: hidden;
	display: block;
	margin-bottom: 0px;
}

.slider {
	width: 630px;
	float: left;
	margin-right: 15px;
	display: block;
}

.slider-ad {
	width: 120px;
	float: left;
	display: block;
}	


/* SLIDER
--------------------------------------- */

.post-box .slider ul {
	margin: 0 0 0 0 ! important;
	list-style: none;
}

.flexslider .slides {
	margin: 0 0 0 0;
}

.flexslider .slides > li {
	margin: 0 0 0 0;
}

.flex-caption {
	margin: 15px 0 0 0;
}

.post-box .flex-caption h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin: 0 0 8px 0;
}

.post-box .flex-caption h2 a {
	color: #009bff;
	text-shadow: 0 1px 0 #FFFFFF;
	text-decoration: none;
}

.post-box .flex-caption h2 a:hover {
	color: #222222;
	text-shadow: 0 1px 0 #FFFFFF;
}

.post-box .flex-caption span {
	display: inline-block;
	color: #AAAAAA;
	font-size: 14px;
	font-style: italic;
	line-height: 22px;
}

.post-box .flex-caption span a {
	font-weight: normal;
	text-decoration: none;
}

.post-box .flex-caption span a:hover {
	font-weight: normal;
	text-decoration: none;
}

.post-box .flex-caption p {
	display: block;
}

.post-box .flex-caption .slider-categories {
	margin-bottom: 15px;
	display: block;
	overflow: hidden;
}

.post-box .flex-caption .slider-categories a {
	display: inline-block;
    font-size: 13px;
	font-weight: normal;
    line-height: 20px;
    margin: 0 5px 5px 0;
    padding: 3px 8px;
	display: inline-block;
    text-decoration: none;
}

.post-box .flex-caption .slider-categories a:hover {
	font-weight: normal;
	text-decoration: none;
}

.post-box .flex-direction-nav a:hover {
	background-color: none ! important;
}


/* RECENT POSTS
-------------------------*/

.post-box .recent-posts {
	border-top: 1px solid #EAEAEA;
	overflow: hidden;
}

.post-box .recent-posts h4 {
	display: inline-block;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
}

.post-box h1.main-page-title {
	display: inline-block;
	padding: 10px 0 0 0;
	margin: 0 0 0 0;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
}
.category .post-box h1.main-page-title {
    font-size: 26px;
    line-height: 36px;
    margin-bottom: 14px;
}

.hentry {
/* October  border-bottom: 1px solid #EAEAEA; */
	padding: 35px 0 10px 0; 
	overflow: hidden;
}

.hentry:last-child {
	border-bottom: none;
}

.post-box-single .hentry {
	padding: 0 0 10px 0;
}

.post-box .featured-image { 
	width: 200px;
	height: 160px;
	float: left;
	margin: 0 20px 20px 0; 
	display: block;
}

.post-box .featured-image a {
	line-height: 1;
	display: block;
}

.post-content {
	width: 410px;
	float: left;
	display: block;
}

.post-content-single {
	width: 630px;
	float: left;
	display: block;
}

.post-header {
	overflow: hidden;
	padding: 0;
	margin: 0;
}

.post-header-page {
	overflow: hidden;
	padding: 0;
	margin: 0 0 15px 0;
}

.post-box h2.post-title {
	color: #222222;
	font-size: 20px;
	line-height: 28px;
    font-weight: 700;
    margin-bottom: 7px;
    text-decoration: none;
}

/* October .post-box h1.post-title {
	color: #222222;
	font-size: 32px;
	line-height: 36px;
    font-weight: 700;
    margin-bottom: 12px;
    text-decoration: none;
} */

.post-box .post-title a {
	color: #009bff;
    text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}

.post-box .post-title a:hover {
	color: #222222;
    text-decoration: none;
	text-shadow: 0 1px 0 #FFFFFF;
}

.meta-info {
	color: #AAAAAA;
	font-size: 14px !important;
	font-style: italic;
	line-height: 22px !important;
	padding: 0 0 8px 0;
	margin: 0;
	position: relative;
	overflow: hidden;
}

.meta-info span {
	display: inline;
}

.meta-info span p {
	display: inline;
	margin-bottom: 0;
	color: #AAAAAA;
}

.meta-info span a {
	font-weight: normal;
	text-decoration: none;
}

.meta-info span a:hover {
	font-weight: normal;
	text-decoration: none;
}

.meta-categories {
	margin: 0 0 17px 0;
	display: block;
	overflow: hidden;
}

.post-box .meta-categories a {
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
	margin: 0 5px 5px 0;
	padding: 3px 8px;
	display: inline-block;
	text-decoration: none;
}

.post-box .meta-categories a:hover {
	font-weight: normal;
	text-decoration: none;
}

.hentry footer {
	margin: 10px 0;
	display: block;
	overfolow: hidden;
}

.hentry footer a {
	font-weight: normal;
}

.hentry footer a:hover {
	font-weight: normal;
}

.hentry a {
	font-weight: bold;
	color: #222222;
}

.hentry a:hover {
	font-weight: bold;
	color: #222222;
}

.hentry a:hover img {
	background: none;
}

.post-box p { 
/* October	font-size: 14px; 
	line-height: 22px; */
	color: #222222;
}

/* October .post-box h1 { 
	font-weight: 700; 
	font-size: 32px;  
	line-height: 36px;
	margin-bottom: 15px; 
} */
.category .post-box h1 {
    margin-bottom: 15px !important;
}

/* October .post-box h2 { 
	font-weight: 700; 
	font-size: 30px; 
	line-height: 34px; 
	margin-bottom: 15px; 
} 

.post-box h3 { 
	font-weight: 700; 
	font-size: 26px;
	line-height: 30px;	
	margin-bottom: 15px; 
}
*/ 
/* October .post-box h4 { 
	font-weight: 700; 
	font-size: 22px;
	line-height: 26px;	
	margin-bottom: 10px;	
} */

.post-box h5 {
	font-weight: 600; 
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}

.post-box h6 {
	font-weight: 600; 
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}

.post-box ol {
	margin-left: 25px;
	margin-top: 25px;
	margin-bottom: 25px;
	list-style-position: inside;
}

.post-box .columns.last {
	margin: 0 0 30px 0;
	float: right;
}

.post-box .columns {
	margin: 0 4.4% 30px 0;
}

.post-box ul {
	margin-left: 35px;
	list-style: square outside none;
}

.post-box ul li {
    border: medium none;
}

.post-box ul ul,
.post-box ol ol { 
	margin-left: 25px; 
	margin-top: 25px;
	margin-bottom: 25px;
}

.post-box ul,
.post-box ol { 
	margin-top: 25px;
	margin-bottom: 25px;
}

.post-box ul.tabs-content { 
	margin-top: 0;
	margin-bottom: 0;
}

.post-box ul.tabs-content { margin-bottom: 55px; margin-left: 0; }

.post-box ul {
	list-style: square outside none;
	margin-left: 35px; 
}

.author-hide {
	display: none;
}

/* NAVIGATION
--------------------------- */

#post-nav {  
	border-top: 1px solid #EAEAEA;
	float: left;
	width: 100%;
	margin: 0;
	padding: 30px 0;
	overflow: hidden;
}

.pagination a,
.pagination span {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-size: 16px;
	line-height: 18px;
	padding: 8px 10px;
	float: left;
	margin: 0 8px 0 0;
	display: inline-block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 3px;
}

.pagination a {
	color: #FFFFFF;
	background: #f55d2d;
	text-decoration: none;
}

.pagination a:hover, .pagination a:focus {
	background: #222222;
	color: #FFFFFF;
	text-decoration: none;
}

.pagination span {
	background: #f55d2d;
	color: #FFFFFF;
	text-decoration: none;
}

.pagination .current {
	background: #222222;
	color: #FFFFFF;
	text-decoration: none;
}

/* Add Align Class for Images */
.alignright { float: right; margin: 0 0 0px 16px;  }
.alignleft { float: left; margin: 0 16px 0px 0; }
.aligncenter { display: block; margin: 10px auto; }
.alignnone  { background: none; border: none; padding: 0; margin: 10px 0; }

.post-content img {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5DD;
    max-width: 100%;
    padding: 5px;
}

.toggle-pane { 
	font-size: 14px; 
}


/* SHARE BUTTONS
----------------------------------- */

.share-buttons {
	display: block;
	padding: 0;
	margin: 10px 0 0 0;
	float: left;	
	width: 100%;
}

.share-buttons ul {
	display: block;
	list-style: none;
	margin: 0 0 0 0;
}

.share-buttons ul li {
	float: left;
	margin-bottom: 15px;
	height: 22px;
}

.share-buttons ul li.twitter-button {
	width: 100px;
}

.share-buttons ul li.facebook-button {
	width: 92px;
}

.share-buttons ul li.google-button {
	width: 80px;
}

.share-buttons ul li.pinterest-button {
	width: 82px;
}

.share-buttons ul li.stumble-button {
	width: 92px;
	margin-top: 1px;
}

.share-buttons ul li.linkedin-button {
	width: 120px;
}


/* AUTHOR
----------------------------------- */

.author-wrap {
	color: #222222;
	font-size: 14px;
	line-height: 22px;
	padding: 20px 0;
	margin: 20px 0 30px 0;
	display: block;
	overflow: hidden;
}

.author-wrap h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 15px 0;
}

.author-gravatar {
	width: 80px;
	height: 80px;
	margin-right: 15px;
	float: left;
	display: block;
	line-height: 1;
}

.author-info {
	width: 535px;
	float: left;
}

.author-title {
	color: #FFFFFF;
    font-size: 14px;
	line-height: 22px;
	font-weight: 700;
	display: inline;
	margin: 0 1px 0 0;
}

.hentry .author-title a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 5px;
	display: inline;
}

.author-title a:hover, .author-title a:focus {
	background: #222222;
	color: #FFFFFF;
	text-decoration: none;
}

.author-description {
	display: inline;
}

.author-description p {
	display: inline;	
	margin: 0;
}


/* RELATED POSTS
------------------------------------ */

.related-posts {
	display: block;
	overflow: hidden;
	margin: 20px 0 0 0;
}

.related-posts h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 15px 0;
}

.related-posts ul {
	margin: 0 0 0 0;
	list-style: none;
}

.related-posts ul li {
	float: left;
	width: 142px;
	margin: 0 20px 0 0;
	overflow: hidden;
}

.related-posts ul li:last-child {
	margin-right: 0 ! important;
}

.related-posts a img {
	display: block;
	line-height: 1;
}

.related-posts a:hover img {
	background: none ! important;
}

h4.related-article {
	font-size: 13px;
	line-height: 18px;
	margin: 7px 0 0 0;
}

h4.related-article a {
	color: #222222;
	font-size: 13px;
	font-weight: bold;
	line-height: 18px;
	text-decoration: none;
}

h4.related-article a:hover {
	font-weight: bold;
}

/* ---------------------------------------------------

   04. Widgets
   
--------------------------------------------------- */

.widget {
	padding: 0;
	margin: 0 0 30px 0;
}

h3.widget-title {
	border-top: 1px solid #EAEAEA;
	display: block;
	margin: 0 0 20px;
}

h3.widget-title p {
	display: inline-block;
	padding: 10px 0 0 0;
	margin: 0;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase;
}

.widget p {
	color: #666666;
	font-size: 13px;
	line-height: 22px;
}

.widget a {
	color: #009bff;
	font-weight:bold;
	text-decoration: none;
}

.widget a:hover {
	color: #333333;
	text-decoration: none;
}

.widget li {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

.sidebar-section { overflow: hidden; }


/* CATEGORIES, ARCHIVES, PAGES & META 
--------------------------------------- */

#sidebar .widget_categories li, #sidebar .widget_archive li, #sidebar .widget_meta li, #sidebar .widget_pages li, #sidebar .widget_links li {
    float: left;
	font-size: 13px;
	line-height: 21px;
    margin-bottom: 0;
    width: 50%;
	border: none;
	padding: 0 0 7px 0;
}


/* 125 x 125 BANNERS 
--------------------------------------- */

.uxde_ad125_widget {
	margin-bottom: -20px;
}

.ads-125 ul {
	display: block;
	overflow: hidden;
	margin-bottom: 0;
}

.ads-125 li {
	float: left;
	margin: 0 50px 50px 0;
	width: 125px;
	height: 125px;
}

.ads-125 li a img { 
	width: 125px;
	height: 125px;
	display: block;
	line-height: 1;
}

.ads-125 li:nth-child(2n) {
    margin-left: 0;
    margin-right: 0;
}


/* CALENDAR
--------------------------------------- */

.widget_calendar table {
	width: 100%;
}

.widget_calendar table caption {
	margin-bottom: 15px;
}

.widget_calendar tbody > tr > td {
    padding: 5px 0 6px;
    text-align: center;
    width: 14.2857%;
}

.widget_calendar a:hover {
	text-decoration: underline;
}

/* OPTIN FORM 
--------------------------------------- */

.optin input.name[type="name"] {
    background: url(images/name-icon.png) no-repeat;
	background-position: 7px 8px;
    padding: 8px 10px 8px 26px;
	margin-bottom: 10px;
	width: 220px;
}

.optin input.email[type="email"] {
    background: url(images/email-icon.png) no-repeat left center;
    background-position: 7px 10px;
    padding: 8px 10px 8px 27px;
	margin-bottom: 10px;
	width: 220px;
}

.optin input.name[type="text"] {
    background: url(images/name-icon.png) no-repeat;
	background-position: 7px 8px;
    padding: 8px 10px 8px 26px;
	margin-bottom: 10px;
	width: 220px;
}

.optin input.email[type="text"] {
    background: url(images/email-icon.png) no-repeat left center;
    background-position: 7px 10px;
    padding: 8px 10px 8px 27px;
	margin-bottom: 10px;
	width: 220px;
}

.optin input[type="submit"] {
	font-size: 12px;
	line-height: 20px;
	width: 92px;
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    padding: 8px 12px;
	margin: 0;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	text-indent: 0;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
			border-radius: 0px;
}

.optin input[type="submit"]:hover {
	background: #222222;
}

.optin p {
	margin-bottom: 10px;
}


/* RECENT & POPULAR POSTS 
--------------------------------------- */

#sidebar .UXDE_Recentposts .sidebar-hentry,
#sidebar .UXDE_Popularposts .sidebar-hentry {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

#sidebar .UXDE_Recentposts .post:last-child {
	margin: 0;
	padding: 0;
}

#sidebar .UXDE_Popularposts .post-title { margin: 0; }

#sidebar .UXDE_Recentposts .post-title,
#sidebar .UXDE_Popularposts .post-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin: 0 0 2px 0;
}

#sidebar .UXDE_Recentposts .post-title a,
#sidebar .UXDE_Popularposts .post-title a {
	font-weight: 600;
	color: #222222;
	text-shadow: 0 1px 0 #FFFFFF;
}

#sidebar .UXDE_Recentposts .post-title a:hover,
#sidebar .UXDE_Popularposts .post-title a:hover {
	background: #EFEFEF;
}

#sidebar .UXDE_Recentposts .sidebar-hentry,
#sidebar .UXDE_Popularposts .sidebar-hentry { 
	background: none;
    border-radius: 0;
    box-shadow: none;
	border: none;
	width: 100%;
}

#sidebar .UXDE_Recentposts .sidebar-hentry:last-child, 
#sidebar .UXDE_Popularposts .sidebar-hentry:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
}

#sidebar .UXDE_Recentposts .sidebar-hentry .featured-image,
#sidebar .UXDE_Popularposts .sidebar-hentry .featured-image {
	width: 100px;
	height: 80px;
	float: left;
	display: block;
	margin: 2px 15px 10px 0;
}

#sidebar .UXDE_Recentposts .sidebar-hentry .featured-image,
#sidebar .UXDE_Popularposts .sidebar-hentry .featured-image a:hover {
	background: none;
}

#sidebar .UXDE_Recentposts .sidebar-hentry span,
#sidebar .UXDE_Popularposts .sidebar-hentry span {
	color: #AAAAAA;
	font-size: 13px;
	font-style: italic;
	line-height: 21px;
}


/* CATEGORY POSTS
--------------------------------------- */

#sidebar .Category_Recent_posts ul {
	margin: 0;
	padding: 0;
}

#sidebar .Category_Recent_posts ul li:last-child {
	margin: 0;
	padding: 0;
}

#sidebar .Category_Recent_posts .post {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

#sidebar .Category_Recent_posts .post:last-child {
	margin: 0;
	padding: 0;
}

#sidebar .Category_Recent_posts .post-title { margin: 0; }

#sidebar .Category_Recent_posts .post-title {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin: 0 0 2px 0;
}

#sidebar .Category_Recent_posts .post-title a {
	color: #222222;
	text-shadow: 0 1px 0 #FFFFFF;
}

#sidebar .Category_Recent_posts .post-title a:hover {
	background: #EFEFEF;
}

#sidebar .Category_Recent_posts .sidebar-hentry { 
	background: none;
    border-radius: 0;
    box-shadow: none;
	border: none;
	width: 100%;
}

#sidebar .Category_Recent_posts .sidebar-hentry .featured-image {
	width: 100px;
	height: 80px;
	float: left;
	display: block;
	margin: 2px 15px 10px 0;
}

#sidebar .Category_Recent_posts .sidebar-hentry .featured-image a:hover {
	background: none;
}

#sidebar .Category_Recent_posts .sidebar-hentry span {
	color: #AAAAAA;
	font-size: 13px;
	font-style: italic;
	line-height: 21px;
}


/* TABS 
--------------------------------------- */

.widget .tabs {
	float:left;
	padding: 0;
}

.tab_wrap {
	background: #FFFFFF;
	border-top: 1px solid #EAEAEA;
	float: left;
}

.widget .tab ul {
    float: left;
	margin: 0;
}

.widget .tabs ul.drop {
	float:left;
	width:300px;
	height:43px;
	margin: 0 0 20px 0;
}

.widget .tabs ul.drop li a {
	border-top: 5px solid #FFFFFF;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	display: block;
	padding: 12px 0 11px 0;
	text-transform: uppercase;
}

.ie .widget .tabs ul.drop li a {
	font-size: 17px;
}

.widget .tabs ul.drop li {
	float:left;
	margin: 0;
}

.widget .tabs ul.drop li.tab_nav_1 {
	width:35%;
}

.widget .tabs ul.drop li.tab_nav_2 {
	width:30%;
}

.widget .tabs ul.drop li.tab_nav_3 {
	width:35%;
}

.widget .tabs ul.nav{
	width:258px;
}

.widget .tabs .tab {
	float:left;
	padding:0;
	margin:0;
}

.widget .tabs .tab li {
    float: left;
    padding: 0 0 8px 0;
	margin: 0 0 8px 0;
   	width: 300px;
	border-bottom: none;
}

.widget .tabs .tab li:last-child {
    padding: 0;
	margin: 0;
	border-bottom: none;
}

.widget .tabs .tab li .hentry {
	border-bottom: none;
	padding: 0;
	margin: 0;
}

.widget .tabs .tab li .featured-image {
	float: left;
	display: block;
	width: 100px;
	height: 80px;
	margin: 2px 15px 10px 0;
	padding: 0;
}

.widget .tabs .tab li .featured-image a:hover {
	background: none;
}

.widget .tabs .tab li .featured-image-comment {
	float: left;
	display: block;
	width: 80px;
	height: 80px;
	margin: 2px 15px 10px 0;
	padding: 0;
}

.widget .tabs .tab li .featured-image-comment a:hover {
	background: none;
}

.widget .tabs .tab li h4 {
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	margin: 0 0 2px 0;
}

.widget .tabs .tab li h4 a {
	color: #222222;
	text-shadow: 0 1px 0 #FFFFFF;
	font-weight: 600;
}

.widget .tabs .tab li h4 a:hover {
	background: #EFEFEF;
	font-weight: 600;
}

.widget .tabs .tab li span {
    color: #AAAAAA;
    font-size: 13px;
	font-style: italic;
	line-height: 21px;
}

.ui-tabs .ui-tabs-hide {
    left: -10000px;
    position: absolute;
}

.ui-tabs .ui-tabs-hide {
    display: none;
}


/* CONTACT
--------------------------------------- */

.contact input {
	width: 51%;
	padding: 10px;
	font-size: 14px;
	line-height: 22px;
}

.contact textarea {
	height: 260px;
	width: 94%;
	margin-top: 2px;
	padding: 10px;
	font-size: 14px;
	line-height: 22px;
}

.contact #submit {
	width: 200px;
	padding: 10px 0;
	height: 50px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	text-indent: 0;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

.contact #submit:active {
	margin: 0;
}

.contact #submit:hover {}

.contact .alert-box { display: none; }


/* ---------------------------------------------------

   05. Comments
   
--------------------------------------------------- */

/*
#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin: 0 auto;
	width: 70%;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; 
}
.commentlist > li.comment {
	
	border: 0px solid #ddd;
	-moz-border-radius: 25px;
	border-radius: 25px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
	width:480px;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -90px;
	padding: 0;
	position: absolute;
	top: 0;
}

/* .commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
} */

/*
ol.commentlist li.comment div.comment-meta { font-size:11px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }

.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	left: 2.2em;
	padding: 0;
	top: 2.2em;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: none;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #000;
}

ol.commentlist li.comment div.reply a {
font-weight: bold;
}

ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }

.comment-author {font-weight:bold; font-size:16px; margin-bottom:5px; }


a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
.page-template-sidebar-page-php #respond {
	width: auto;
}

#respond {
	margin: 50px 0 40px 0;
}

#respond h3 {
	font-size: 18px;
	line-height: 22px;
	margin: 0 0 15px 0;
}

#respond p {
	font-size: 14px;
}

form label {
	color: #222222;
	margin: 5px 0 3px 0;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
}

form label.comment-field {
	display: block;
}

#respond input {
	background: #FFFFFF;
	margin-right: 1.33%;
	width: 51%;
	margin-bottom:0;
	padding: 10px;
	font-size: 14px;
	line-height: 22px;
}

[for="url"] { display: none;}





#respond p.respond_desc {
	font-size: 12px !important;
}

#respond input#url {
	margin-right: 0;
	display:none;
}

#respond textarea {
	background: #FFFFFF;
	height: 230px;
	width: 606px;
	margin-top: 2px;
	padding: 11px;
	font-size: 14px;
	line-height: 22px;
}

#respond #submit {
	width: 200px;
	padding: 10px 0;
	height: 45px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	text-indent: 0;
	margin: 0;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
	display: block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
}

#respond #submit:hover {
	margin: 0;
}

#respond #submit:active {
	margin: 0;
}

.commentlist #respond { 
	margin: 50px 0 50px 45px; 
}

*/

/* ---------------------------------------------------

   06. Footer
   
--------------------------------------------------- */

#border-footer {
	background: #EFEFEF;
	height: 10px;
}

#footer {
	background: #222222;
	padding: 40px 0 0 0;
	margin-bottom:40px;
}

.footer-widgets {
	margin: 0 30px 30px;
	padding: 0;
	position: relative;
	overflow: hidden;
}

.footer-widgets .widget {
	float: left;
	width: 217px;
	margin: 0 30px 0 0;
	font-size: 13px;
	line-height: 21px;
	color: #FFFFFF;
}

.footer-widgets .widget:last-child {
	margin: 0 0 0 0;
}

.footer-widgets .widget p {
	color: #FFFFFF;
	font-size: 14px;
	line-heigh: 22px;
	text-shadow: 0 1px 1px #000000;
	padding: 0 0 0 0;
}

.footer-widgets .widget a {
	color: #FFFFFF !important;
}

.footer-widgets .widget a:hover {
	color: #CCCCCC;
}

.footer-widgets .widget h3.widget-title {
	border-top: none;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	display: block;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}

.footer-widgets .widget h3.widget-title p {
	border-top: none;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: 600;
	line-height: 22px;
	display: block;
	margin: 0 0 25px 0;
	text-transform: uppercase;
}

.footer-widgets .widget li {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
}

.footer-widgets .widget li:last-child {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-bottom: none;
}

/* TAGS CLOUD
--------------------------------------- */

.footer-widgets .widget .tagcloud a {
	background: #323232;	
	color: #FFFFFF;
	font-size: 14px ! important;
	line-height: 22px;
	padding: 3px 6px;
	margin: 0 -1px 2px 0;
	display: inline-block;
	text-decoration: none;
	-webkit-transition:.3s ease-out;
	-moz-transition:.3s linear;  
	transition:.3s linear;
}

.footer-widgets .widget .tagcloud a:hover {	
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition:.01s ease-out; 
	-moz-transition:.01s linear; 
	transition:.01s linear;
}


/* TWITTER
--------------------------------------- */

.uxde_tweet_widget ul {
    margin: 0 0 15px 0; 
	text-shadow: 0 1px 1px #000000;
	overflow: hidden;
}

.footer-widgets .twitter li {
	margin: 0 0 12px 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #FFFFFF;
}

.footer-widgets .twitter li:last-child {
	margin-bottom: 0;
}

.footer-widgets .twitter a { 
	display: inline; 
	color: #CCCCCC;
}

.footer-widgets .twitter a:hover {
	color: #FFFFFF;
}

a.twitter-link { 
	overflow: hidden;
}


/* FLICKR
--------------------------------------- */

.flickr_badge_image {
	float: left;
	width: 60px;
	height: 60px;
	margin: 0 10px 10px 0;
}

.flickr_badge_image img {
	border: 5px solid #191919;
	width: 50px;
	height: 50px;
	-webkit-transition:.8s ease-out;
	-moz-transition:.8s linear;  
	transition:.8s linear;
}

.flickr_badge_image img:hover {
	width: 50px;
	height: 50px;
	-webkit-transition:.01s ease-out; 
	-moz-transition:.01s linear; 
	transition:.01s linear;
}


/* COPYRIGHT
--------------------------------------- */

.copyright {
	border-top: 1px solid #282828;
	background: #000000;
	padding: 15px 0;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}

.copyright-left {
	margin-left: 30px;
}

.copyright-left p {
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	margin: 0;
	text-transform: uppercase;
	text-shadow: 0 1px 1px #000000;
}

.copyright-left p:last-child {
	margin: 0 0 0 0;
}

.copyright-left a {
	color: #FFFFFF;
	text-decoration: none;
	opacity: 1;
}

.copyright-left a:hover {
	color: #FFFFFF;
	text-decoration: none;
	opacity: 0.8;
}

.copyright-right {
	margin: 11px 30px 0 0;
	float: right;
}

.copyright-right a {
	color: #FFFFFF;
	text-decoration: none;
	opacity: 1;
}

.copyright-right a:hover {
	text-decoration: none;
	opacity: 0.8;
}

#footer-nav {
	overflow: hidden;
	margin: 0;
}

#footer-nav .footer-menu {
	float: right;
}

#footer-nav ul {
	margin: 0 0 5px 0;
}

#footer-nav ul li {
	background: url(images/footer-li.png) no-repeat;
	background-position: 0 8px;
	display: inline-block;
	padding: 0 0 0 12px;
	margin: 0 0 0 9px;
}

#footer-nav ul li:first-child {
	background: none;
}

#footer-nav ul li a {
	font-size: 12px;
	font-weight: 600;
	line-height: 20px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	text-shadow: 0 1px 1px #000000;
}

#back-top {
    bottom: 20px;
    position: fixed;
    right: 20px;
	opacity: 1;
    visibility: visible;
}


#back-top a {
    display: block;
    width: 50px;
}

#back-top span {
    background: url(images/back-top.png) no-repeat;
	background-color: #000000;
    border-radius: 30px 30px 30px 30px;
    display: block;
	width: 50px;
    height: 50px;
    opacity: 0.5;
}

#back-top span:hover {
	background-position: 0 -50px;
	opacity: 0.8;
}


/* ---------------------------------------------------

   09. Skin
   
--------------------------------------------------- */

body { 
	color: #222222;
}

.button { color: #FFFFFF !important; }
.button.white { color: #787878 !important; }

input,
textarea,
input:focus,
textarea:focus,
select {
	border: 1px solid #e8e8e8;
	color: #919594;
	background: #FFFFFF;
}

#respond #submit:hover, #respond #submit:active, 
.contact #submit:hover, .contact #submit:active { background: #222222;}

.contact #submit, #respond #submit{ color:#fff;} 

/* October h1,h2,h3,h4,h5,h6 {
	color: #222222;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
} */

a { 
	text-decoration: none;
	color: #009bff;
}

a:hover,a:focus { 
	text-decoration: none;
	color: #222222;
}


/* FULL WIDTH
-----------------------------------*/

.full-width {
	width: 960px;
}

.full-width .post-content-single {
	width: 960px;
}

/* ARCHIVES
-----------------------------------*/

.archive-lists span {
    display: block;
    text-align: right;
}

.archive-lists ul {
    border-bottom: 1px solid #EAEAEA;
    clear: both;
    margin: 0 0 40px 0;
	list-style: none outside none;
}

.archive-lists ul li {
	display: block;
    border-top: 1px solid #EAEAEA;
	margin-bottom: 0;
}

.archive-lists ul li a {
    display: block;
    margin: 0;
    padding: 10px 0;
	text-decoration: none;
	font-weight: normal;
}

.archive-lists ul li a:hover {
	font-weight: normal;
	text-decoration: none;
}

.archive-lists span.comments_number {
    color: #777777;
    float: right;
    margin-right: 20px;
    width: 50px;
}

.archive-lists span.archdate {
    color: #8B9091;
    float: left;
    letter-spacing: 1px;
    margin-right: 30px;
    padding: 0 0 10px 8px;
    width: 70px;
}

ul.playlist { margin:0; padding:0; list-style:none; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; }
ul.playlist li { margin:0; padding:3px 6px; background:#f4f4f4; border-bottom:1px solid #d3d3d3; border-top:1px solid #fff; position:relative; min-height:120px; }
ul.playlist li:nth-child(odd) { background:#e7e7e7; }
ul.playlist li:hover { background:#f8f8f8 }
ul.playlist li:nth-child(odd):hover { background:#efefef; }
ul.playlist p { font-size:18px; margin:10px 0 0 10px; height:auto; }

ul.playlist2 { margin:0; padding:0; list-style:none; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; }
ul.playlist2 li { margin:0; padding:3px 6px; background:#f4f4f4; border-bottom:1px solid #d3d3d3; border-top:1px solid #fff; position:relative; min-height:100px; }
ul.playlist2 li:nth-child(odd) { background:#e7e7e7; }
ul.playlist2 li:hover { background:#f8f8f8 }
ul.playlist2 li:nth-child(odd):hover { background:#efefef; }
ul.playlist2 p { font-size:18px; }

.numnum { font-size:82px; letter-spacing:-4px; text-align:center; font-weight:bold; font-family:arial; width:90px; color:#730e0e; margin-top:15px; float:left; }

img.iamgeplay {float:left !important; height: 100px; width:100px; border:none !important;}


.imageleft { float:left; height:100px !important; width:100px !important; border:none !important; margin:-30px 10px 0 10px; }

.play {font-size:24px; font-family:arial; font-weight:bold; color:#000; text-align:left;  margin-left:210px; margin-top:20px}
.play p {font-size:18px; margin:0 0 0 0; padding:0 0 0 0;}



ul.playlist3 { margin:0; padding:0; list-style:none; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; }
ul.playlist3 li { margin:0; padding:3px 6px; background:#f4f4f4; border-bottom:1px solid #d3d3d3; border-top:1px solid #fff; position:relative; min-height:60px; }
ul.playlist3 li:nth-child(odd) { background:#e7e7e7; }
ul.playlist3 li:hover { background:#f8f8f8 }
ul.playlist3 li:nth-child(odd):hover { background:#efefef; }
ul.playlist3 p { font-size:18px; margin:10px 0 10px 100px; height:auto; }
.numnum3 { font-size:55px; letter-spacing:-5px !important; text-align:center; font-weight:bold; font-family:arial; width:80px; color:#730e0e; margin-top:0px; float:left; }
img.iamgeplay3 {float:left !important; height: 100px; width:100px; border:none !important;}
.imageleft3 { float:left; height:100px !important; width:100px !important; border:none !important; margin:-30px 10px 0 10px; }
.play3 {font-size:24px; font-family:arial; font-weight:bold; color:#000; text-align:left;  margin-left:100px; margin-top:10px}
.play3 p {font-size:18px; margin:0 0 0 0; padding:0 0 0 0;}

.play4 {font-size:24px; font-family:arial; font-weight:bold; color:#000; text-align:left;  margin-left:120px; margin-top:10px}
.play4 p {font-size:18px; margin:0 0 0 0; padding:0 0 0 0;}
img.iamgeplay4 {float:left !important; height: 100px; width:100px; border:none !important;}
.imageleft4 { float:left; height:100px !important; width:100px !important; border:none !important; margin:-20px 10px 0 10px; }


/* #comments-title {background:#F00; } */

table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom:15px; 
/* tables still need 'cellspacing="0"' in the markup */ }
th,td,caption { padding: 5px 10px; }
th,td { border: 1px solid #DDD; }
tr:nth-of-type(odd) td, tr.even td { background: #F7F7F7; }
th { text-align: left; background: #EEE; }

.comment-reply-link { position:relative; margin-left:0px; }

.redback {color:#ffffff; background:#009bff; padding:5px; }

.bigcity h2 { font-size:60px; color:#009bff; text-align:center; text-shadow: 2px 2px 4px #333; }

.eventstart h3 {color:#ffffff; background:#009bff; padding:5px; }

.yarpp-thumbnails-horizontal .yarpp-thumbnail { width:147px !important; height:auto !important; padding-bottom:10px !important; }

.yarpp-thumbnails-horizontal .yarpp-thumbnail-title { width:140px !important; overflow:visible !important;   }

.yarpp-thumbnail > img, .yarpp-thumbnail-default { width:137px !important; height:137px !important; }

.event-menu a {  }


.home-mobile-only { display:none; }

.barbottom{background: #000; bottom: 0px; color:#fff; font-family: Arial, Helvetica, sans-serif; left:0; padding: 0px 0; position:fixed; font-size:16px; width:100%; z-index:99999; height:40px; float:left; vertical-align:middle; margin: 0px 0 0; opacity: 0.8; font-weight: bold;}

.floatbottom{text-align:center; width:920px; margin:0 auto}

#interesting, #interesting li{margin:0; padding:0; list-style:none}

#interesting{width:920px; font-size:20px; line-height:120%;}

#interesting li{padding: 10px 0 0 0; }

#interesting li a{color: #ffffff;}

#interesting li a:hover {color: #009bff;}

#interesting li a:hover{text-decoration: none;}



@media screen and (max-device-width: 400px) and (orientation:portrait) { 

.home-mobile-only { display:block; }

#interesting, .floatbottom, .barbottom {display:none}


ul.playlist { margin:0; padding:0; list-style:none; border-left:1px solid #d3d3d3; border-right:1px solid #d3d3d3; border-top:1px solid #d3d3d3; }
ul.playlist li { margin:0; padding:0px; background:#f4f4f4; border-bottom:1px solid #d3d3d3; border-top:1px solid #fff; position:relative;  }
ul.playlist li:nth-child(odd) { background:#e7e7e7; }
ul.playlist li:hover { background:#f8f8f8 }
ul.playlist li:nth-child(odd):hover { background:#efefef; }
ul.playlist p { font-size:18px; margin-bottom:10px  }



.numnum { font-size:20px; font-weight:bold; font-family:arial; color:#730e0e; margin-left:0px; padding:0px; float:none; width:20px; display:none;}

img.iamgeplay {height: 265px; width:265px; border:none !important;}


.imageleft {height:265px !important; width:265px !important; border:none !important; margin:0px; }

.play {font-size:20px; font-family:arial; font-weight:bold; color:#000; width:250px; margin-left:0px; margin-top:10px; margin-bottom:10px; width:270px; text-align:center; }
.play p {font-size:20px;  }


body {background:#fff;}
#main-content{margin: 0 0; }

.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next { width:1px; height:1px;}

}

.events-title {font-size:75px !important; line-height:80px !important; text-align:center; }

a img:hover{opacity:0.6}


.last-nav a {padding-right:0 !important; }


#content .post-content-single p a {font-size:1em; }

.post-box .meta-categories a, .post-box .flex-caption .slider-categories a {background:#666 !important;  }

.post-box .meta-categories a:hover {background:009bff; }

/* .post-content-single p {font-size:16px !important; line-height:26px; } */ 

#breadcrumbs {font-size:14px !important; line-height:22px !important; }


#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content {

border: 1px solid #eee;
}

.bbp-logged-in h4 {
font-weight: bold;
font-size: 1.3em;
clear: none;
margin-bottom: 10px;

height: 50px;
}


.container .two-thirds.column               { width: 630px; float:left !important; }


#uwpqsf_id {
  max-width: 500px;
  margin: 0 auto;
  border: 0 !important;
  
  }
  
  .uform_title, .taxolabel-0, .taxolabel-1 {display:none; }
  
  
  #uwpqsf_id select {
    height: 50px;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

#uwpqsf_id_key {max-width:476px; }

#uwpqsf_id label {text-align:center; }

#uwpqsf_id_btn {
width: 280px;
  height: 50px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;

  font-size: 18px;
}

input#uwpqsf_id_key {
  width: 100%;
  margin-right: 0;
  margin-left:0;
  height:30px;
  font-size: 18px;
  color: #333;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  text-align:center;
}

.full-width {
  margin-left: 0 !important;
}








ol.commentlist { list-style:none; margin:0 0 1em; padding:0; text-indent:0; }
ol.commentlist li { }
ol.commentlist li.alt { }
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {
  border: 1px solid #eee;
  padding: 1em;
  margin: 30px 0;
}ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 8px;
}
ol.commentlist li.comment div.vcard cite.fn { font-style:normal; }
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {
  border: 0px solid #ccc;
  float: left;
  margin: 0 1em 0 0;
}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta { font-size:12px; margin-bottom:5px; }
ol.commentlist li.comment div.comment-meta a { color:#ccc; }
ol.commentlist li.comment p { font-size:14px; margin:0 0 1em; }
ol.commentlist li.comment ul { font-size:11px; list-style:square; margin:0 0 1em 2em; }
ol.commentlist li.comment div.reply { font-size:11px; }
ol.commentlist li.comment div.reply a { font-weight:bold; }
ol.commentlist li.comment ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {  margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-3 {  margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-4 {  margin:0 0 .25em .25em; }
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even { background:#fff; }
ol.commentlist li.odd { background:#fff; }
ol.commentlist li.parent {  }
ol.commentlist li.thread-alt { } 
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}



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

.search-form {
 
  display: none;
}
}

@media only screen and (max-width: 959px) and (min-width: 480px) {

#searchform input[type="text"], #searchform input[type='submit'] {
  
  display: none;
 
}

 #primary-nav ul.primary-menu {
 
  height: 30px;
 
}
}


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


.form-mobile select {
  padding: 11px 11px 10px 11px;
  width: 380px !important;
  margin-top: 3px;
  font-size: 16px;
}
.form-mobile {
  
  width: 380px !important;
 
}
}


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


#primary-nav ul li.menu-item-ancestor a {
  
  padding-right: 0px;
  margin-right: 22px;
  
}

#primary-nav>ul>li>a {
  font-size: 14px;
  
}
 
}
/* October
body {
    background-size: none !important;
}

*/




.home .post-box .featured-image {
    width: 250px !important;
  
}


.home .post-content {
    width: 360px !important; 
   
}

.home .post-box .featured-image {
    height: auto !important; 
    }
    
    
    
    
/* October .post-box p {
    font-size: 16px !important;
    line-height: 27px !important;
} */


.post-box ul li {
    font-size: 16px !important;
    line-height: 27px !important;
}   


    
    
ol li {
    line-height: 26px !important;
    font-size: 16px !important;
}   


#content img, #content iframe {

box-shadow: 0px 30px 40px -25px rgba(0, 0, 0, 1);
} 

#content .wp-post-image { 
margin-bottom: 30px !important; 
}


.author-gravatar img {margin-top:0 !important; 
width:120px !important;
height:120px !important;
box-shadow: 0px 20px 30px -25px rgba(0, 0, 0, 1) !important;
}

.author-gravatar {

width:120px !important;
height:120px !important;
}



.author-info {
    width: 495px;
    
}

.author-info a, .author-info p {
    font-size:16px !important;
    line-height:28px !important;
    
    
}


.mainemail {
    padding: 30px;
    background-color: #F2F4F7;
    border: 1px solid #B1BACC;
    border-radius: 3px;
    text-align: center;
    min-width: 200px;
    overflow-x: visible;
}

.section-descriptor {
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
    letter-spacing: 1.92px;
}

#secondary .widget.widget_text .p-widget {
    font-size: 14px;
    line-height: 22px;
}

.buttonemail {

font-size: 12px;
    padding: 12px 24px;
    line-height: 12px;
    transition: all 0.1s ease;
    color: #FFF !important;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    text-transform: uppercase;
    border: 1px solid #0069FF;
    background-color: #0069FF;
    border-radius: 40px;
    letter-spacing: 0.6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.36);
    white-space: nowrap;
}

.buttonemail:hover {
    background-color: #0055cc;
    color: #fff;
    border: 1px solid #0069FF;
    transform: scale(1.03);
    box-shadow: 0 8px 8px rgba(0, 0, 0, 0.24);
}

.yellowbutton {    background-color: #FED200 !important;
    border: 1px solid #FED200 !important;
            color: #000 !important;
}
    
    
.yellowbutton:hover {background-color: #F4B43D !important;
    border: 1px solid #F4B43D !important;
    border-bottom-color: #f4b43d !important;
    }

.h-widget  {
    font-size: 28px !important;
    line-height: 36px !important;
    font-weight: 800 !important;
    max-width: 200px;
    text-align: center;
    margin: 0 auto;}    
    
.m-widget {font-size: 18px !important;
    line-height: 30px !important; 
    color:#555 !important;
    }
      
      
.p-widget {    max-width: 220px;
    margin: 0 auto;
    color: #444;
}        
 
.pad-24 {
    padding: 24px 0;
}
.pad-24-top {
    padding: 24px 0 0 0;
    margin-top:24px;
}

.pad-30 {
    padding: 30px 0;
} 

.sidebar-section {
    overflow: visible;
}
 
 
.brick-background img {   margin-top: -46px;
    width: 138px;
    margin-bottom:-5px;} 
    
.brick-background {    margin: -30px !important;
    background: #E6E9EF;
    margin-bottom: 24px;}    
    
.watch-now {margin-top:50px}  


/* from inline page back in the day */  
/* October
body {

    background-attachment: scroll !important;
}
*/



#top-bar {
    background: #333333;
    padding: 0;
    margin-bottom: 0;
  /* October   height: 50px; */
}


#header {
    position: relative;
    background: white;
    border-top: none;
}


.logo {
    display: block;
    margin: 5px 0 0 0;
    max-width: 980px;
    margin: 0 auto;
}



.container .sixteen.columns {
    width: 1020px;
    margin-top: 30px;
}




/* Buttons */


.social-btns li {
    margin: 8px;
    display: inline-block;
    vertical-align: top;
}

@media (min-width: 960px) {

    .social-btns li {
        margin: 5px;
    }
    .featured-image-load {
	min-height:335px;
}
    
}

/* Flip Button */
.social-btn-flip {
    display: inline-block;
    -webkit-perspective: 700;
    perspective: 700;
}

.social-btn-flip:hover .social-btn-cube {
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
}

.social-btn-cube {
    width: 45px;
    height: 45px;
    position: relative;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform-origin: 20px 20px -20px;
    transform-origin: 20px 20px -20px;
}

.social-btn-face {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 45px;
    text-align: center;
    -webkit-transform-origin: 0;
    transform-origin: 0;
}

.social-btn-face .default {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.factive {
    box-shadow: inset 45px 45px 0 rgba(0, 0, 0, 0.1);
    left: 45px;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
}

.twitter {
    background: #4cc4f2;
}

.facebook {
    background: #3b5998;
}

.google {
    background: #dd4b39;
}

.pinterest {
    background: #cb2027;
}

.instagram {
    background: #9b6954;
}

.youtube {
    background: #e52d27;
}


ul.social-btns {
    list-style: none outside;
    float: right;
    margin-bottom: 0;
    margin-top: 4px;
}




#primary-nav a:after
{
    bottom: 0px;
    transform: translateY(-14px);
}

/* October #primary-nav a:hover:before, #primary-nav a:hover:after
{
    opacity: 1;
    transform: translateY(0px);
}

*/ 





/*


#contentsearch {
  position: relative;
  height: 30px;
  width: 300px;
  margin-left: 300px;
margin-top:30px
}

#contentsearch.on {
  -webkit-animation-name: in-out;
  animation-name: in-out;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

input[type="text"] {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  border: 4px solid #333;
  border-radius: 50%;
  background: none;
  color: #333;
  font-size: 16px;
  font-weight: 400;
  font-family: Roboto;
  outline: 0;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.8s ease-in-out, padding 0.2s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.searchsearch {
  background: none;
  position: absolute;
  top: 0px;
  left: 0;
  height: 50px;
  width: 50px;
  padding: 0;
  border-radius: 100%;
  outline: 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

.searchsearch:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 4px;
  background-color: #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-top: 16px;
  margin-left: 17px;
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.closesearch {
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.closesearch:before {
  content: "";
  position: absolute;
  width: 27px;
  height: 4px;
  margin-top: -1px;
  margin-left: -13px;
  background-color: #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

.closesearch:after {
  content: "";
  position: absolute;
  width: 27px;
  height: 4px;
  background-color: #333;
  margin-top: -1px;
  margin-left: -13px;
  cursor: pointer;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.squaresearch {
  box-sizing: border-box;
  padding: 0 40px 0 10px;
  width: 300px;
  height: 50px;
  border: 4px solid #333;
  border-radius: 0;
  background: none;
  color: #333;
  font-family: Roboto;
  font-size: 16px;
  font-weight: 400;
  outline: 0;
  -webkit-transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
  transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out, padding 0.2s;
  -webkit-transition-delay: 0.4s, 0s, 0.4s;
  transition-delay: 0.4s, 0s, 0.4s;
  -webkit-transform: translate(-100%, -50%);
  -ms-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}

*/



#searchform input[type='text'] {
    float: left;
    border: none;
    color: #AAAAAA;
    width: 173px;
    font-size: 12px;
    line-height: 15px;
    outline: none;
    margin: 0;
    padding: 14px;
    border: 1px solid #EAEAEA;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}


#searchform input[type='text'] {
    
    width: 173px;
    
    }
    
.search-form {
    margin: 10px 30px 0px 0;
    width:260px;
    float:right;
    }
    
 /* October   .search-form {
	margin: 12px 30px 0px 0;
	width: 300px;
	
} */


 /* October  #searchform input[type='submit'] {
   
   background-position: 12px 12px;
    width: 45px;
    padding: 12px;
    margin: 0 0 0 4px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    overflow: hidden;
     
} */


@media only screen and (max-width: 479px) and (min-width: 200px)
{
.container .sixteen.columns {
    width: 100%;
}
}


@media only screen and (max-width: 959px) and (min-width: 480px)
{
#searchform input[type="text"], #searchform input[type='submit'] {
    display: block;
    
} 

.search-form {
    margin: 9px 11px 0px 0;
    width: 220px;
    float: right;
}
    
    
    #searchform input[type='text'] {
    width: 140px;
}

#top-bar {
   
    height: 45px;
}

/* newsm 
#primary-nav>ul>li>a {
    font-size: 13px!important;
} */

.container .sixteen.columns {
    width: 100%;
}


#sidebar {
   
    width: 100%;
}



.post-box .featured-image {
    width: 200px;
}

.post-content-single {
    width: 100%;
}
/* newsm
#primary-nav ul li {
    margin: 0 5px !important;
}
*/
.logo img {margin-left:20px }

.student-login {
    margin-right: 20px;
}

.container .two-thirds.column {
    width: 100%; }
    
#content .wp-post-image {
    width: 100%;
}

}

.footer-widgets {
    margin: 0 30px 30px;
    padding: 0;
    position: relative;
    max-width: 1020px;
    overflow: hidden;
    margin: 0 auto;
}


.copyright-right {
    margin: none;
    float: none;
    margin-top: -21px;
}


.copyright-left {
    margin-left: 30px;
    width: 50%;
}


.logo h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 39px;
    margin: 0;
    padding: 0;
    text-align: left;
}



@media only screen and (max-width: 959px) and (min-width: 768px)
{.footer-widgets .widget {
    width: 22%;
}} 
@media screen and (min-width: 769px) {
.student-login {
    background: #359bed;
    margin-right:10px;
 }
 .student-login {
	background: #ed3542;
 }
  .student-signup {
	background: #359bed;
 }
 
 
 .student-signup, .student-login {
    
    color: #ffffff;
    padding: 12px 22px; 
    float: right;
    line-height:22px;
    margin-top: 10px; 
    font-weight: bold;
    text-transform: uppercase;
 }
}

/* end inline home page */

/* newmenu edit
@media only screen and (max-width: 767px) {
#primary-nav { display:none !important ;
}
} */


/* new responsive menu */





.menu-btn {display:none}

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

#top-bar {display:none; }

ul ul {
    margin: -5px !important;
    font-size: 90% !important;
}


 #primary-nav {display:block !important;} 
.menu-fa {
    font-size: 22px;
    padding: 4px;
    background: #fff;
}
.menu-fa:focus
*,
:after,
:before {
    border: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    outline: 0;
    text-decoration: none
}

.menu-btn {display:block}

body {
 /* October   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; */
    background: #fff
}

#sm-menu {
    background: #222;
    display: block;
    z-index: 1;
    height: 100%;
    width: 100%;
    color: #ddd;
   
}



#sm-menu .social-icons a {
    color: #ccc;
    font-size: 16px;
    padding: 0 4px;
}

#sm-menu .social-icons a:hover {
    color: #FFF;
}

#sm-menu {
    border-top: 1px solid #2D2D2D;
 
}

#sm-menu.mobile-hide-icons i.fa {
    display: none;
}

#sm-menu .mega-menu-block {
    padding: 0 !important;
    background: transparent !important;
    min-height: inherit !important;
}

#sm-menu nav ul ul,
#sm-menu .sub-menu-columns-item{
    display: none;
    background: #333;
}

#sm-menu nav li {
    list-style: none;
    position: relative;
    z-index: 1;
    margin-bottom:0px;
    font-size:16px;
}

#sm-menu nav ul li.menu-item-has-children i.dropdown-arrows{
    position: absolute;
    top: 0;
    right: 0;
    padding: 12px;
    border-left: 1px solid #333;
    margin: 0;
    cursor: pointer;
    display: block;
}

#sm-menu a {
    color: #ccc;
    display: block;
    font-size: 16px !important;
    margin-left: -6px;
    background: #2D2D2D;
    width: 100%;
    padding: 10px 0 10px 20px;
    padding-right: 0;
    border-bottom: 1px solid #2D2D2D;
}

#sm-menu a:hover {
    background: #111;
    color: #FFF;
}

#sm-menu nav ul ul a {
    font-size: 16px !important;
    padding-left: 30px
}


#sm-menu nav ul ul ul a {
    font-size: 12px;
    padding-left: 40px
}

#sm-menu nav ul ul ul a {
    padding-left: 50px
}

#sm-menu nav ul ul ul ul a {
    padding-left: 60px
}

#menumenu li.menu-item-home a:before {
 
}



.student-signup, .student-login {
    color: #ffffff;
    padding: 6px 8px;
    float: right;
    margin-top: 8px;
    font-weight: bold;
 /* October   margin-right:8px; */
    text-transform: uppercase;
}

.student-signup { 
	    background: #ed3542;
}

.student-login { 
	    background: #359bed;
}


.logo img {
    max-width: 130px !important;
    margin-top:9px }
    
    

#sm-btn{
    display: flex;
    flex-direction: column;
    cursor: pointer;
    float: left;
    margin: 10px;

}

#sm-btn span{
   background-color:black;
  width:24px;
  height:2px;
  margin:0.26em 0;
  display:block;
  transition: all .4s ease;
  transform-origin:0 0;
}

li.menu-item-has-children li.menu-item-has-children .dropdown-arrows {padding-right:7px !important ; }

#sm-btn:hover > span { background-color: #359bed }

.sm-btn-cross span:nth-child(1) {
  transform: rotate(45deg) translate(1px, -1px);
}

.sm-btn-cross span:nth-child(2) {
  Transform: scaleX(0);
}

.sm-btn-cross span:nth-child(3) {
  transform: rotate(-45deg) translate(1px, 0);
}

#top-bar {
    height: 0;
}

/* October #breadcrumbs {
  
    display: none;
} */

.container .sixteen.columns {
    margin-top: 0;
}

#main-content {
    margin: 0;
    width: 100%;
}

#content {
    width: 100%;
}

.post-header {
    margin: 0 0px;
}


body {
    background-image:none;
    background-color: #ffffff;
  /* October  overflow-x: hidden; */
    width: 100% 

}
li.menu-item-has-children i.dropdown-arrows, #menumenu ul li.menu-item-has-children i.dropdown-arrows, li.menu-item-has-children i.mobile-arrows {display:block !important; }

#main-content {
    overflow: hidden;
    width: 100%;
    margin:0px !important;
    padding: 20px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#content {
    width: 100% !important;
    margin-right: 0;
}

}
li.menu-item-has-children i.dropdown-arrows, #menumenu ul li.menu-item-has-children i.dropdown-arrows, li.menu-item-has-children i.mobile-arrows {display:none; }



/* end new responsive menu */