/*

Theme Name:     twentyseventeen-child

Description:    

Author:         admin

Template:       twentyseventeen

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)

*/



p {

	margin: 0 0 12px;

	padding: 0;

}

h1, h2, h3, h4, h5, h6 {

	clear: both;

	line-height: 1;

	margin: 0 0 15px;

	padding: 0;

}

ul, ol {

	margin: 0 0 15px 30px;

	padding: 0;

}

.wrap {

	max-width: 1180px;

	padding-left: 15px;

	padding-right: 15px;

}

.hide {

	display: none;

}

.has-header-image.twentyseventeen-front-page .site-branding, .has-header-video.twentyseventeen-front-page .site-branding, .has-header-image.home.blog .site-branding, .has-header-video.home.blog .site-branding {

	position: inherit;

}

.site-branding {

	padding: 10px 0 !important;

	margin: 0 !important;

	background-color: #6dbafc;

	position: relative;

	border-bottom: 0px;

	width: 100%;

	float: left;

}

.custom-logo-link {

	padding-right: 1em;

}

.header-left {

	float: left;

	width: auto;

}

.header-right {

	float: right;

	margin: 12px 0 0;

	width: auto;

}

.header-right .search-box-wrapper {

	box-sizing: border-box;

	max-width: 100%;

	position: absolute;

	right: 14px;

	top: 60px;

	width: 440px;

	z-index: 2;

}

/*.header-right .search-toggle::before {

	color: #6dbafc;

	content: "\f002";

	font-size: 20px;

	margin-top: 0px;

	display: inline-block;

	font: 20px/2.1 Genericons;

	text-decoration: inherit;

	vertical-align: text-bottom;

	background-color: #FFF;

	cursor: pointer;

	float: right;

	height: 40px;

	margin-right: 0px;

	text-align: center;

	width: 40px;

}*/

.header-right .search-toggle::before {

	color: #6dbafc;

	content: "";

	background:url(images/search-icon.png) no-repeat;

	background-position:center center;

	font-size: 20px;

	margin-top: 0px;

	display: inline-block;

	font: 20px/2.1 Genericons;

	text-decoration: inherit;

	vertical-align: text-bottom;

	background-color: #FFF;

	cursor: pointer;

	float: right;

	height: 40px;

	margin-right: 0px;

	text-align: center;

	width: 40px;

}

.header-right .search-submit {

	background-color: #6dbafc;

}

.header-right .social-navigation {

	width: auto;

}

.top-social {

	display: inline-block;

	position: relative;

	top: 8px;

}

.header-right .search-toggle {

	display: inline-block;

}

.header-right .top-social .social-navigation a {

	background-color: #fff;

	color: #6dbafc;

}

.main-navigation-row {

	float: left;

	width: 100%;

	border-bottom: 4px solid #B2DD58;

	border-top: 4px solid #B2DD58;

	background-color: #666;

}

.main-navigation-row .main-navigation {

	display: table;

	margin: auto;

	width: auto;

}

.site-header .main-navigation ul li a {

	color: #fff;

}

.main-navigation ul li a {

	transition: all 0.3s ease-in 0s;

}

.main-navigation ul.menu > li:hover > a {

	background-color: #6dbafc;

	color: #fff !important;

	transition: all 0.3s ease-in 0s;

}

.main-navigation ul.menu li.current-menu-item a {

	background-color: #6dbafc;

	color: #fff !important;

	transition: all 0.3s ease-in 0s;

}

.main-navigation ul ul {

	background-color: #666;

}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {

	left: -1px;

}

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

	Footer

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



.site-footer {

	background-color: #4ba2ea;

	float: left;

	margin: 0;

	width: 100%;

}

.footer-nav-row {

	background: #666 none repeat scroll 0 0;

	display: table;

	width: 100%;

	border-bottom: 4px solid #B2DD58;

	border-top: 4px solid #B2DD58;

}

.footer-nav-row .main-navigation {

	display: table;

	margin: auto;

	text-align: center;

	width: auto;

}

.site-footer .wrap {

	padding-top: 0px;

	padding-bottom: 0px;

}

.site-footer .widget-area {

	padding-bottom: 1em;

	padding-top: 3em;

}

.site-footer .widget-column {

	width: 25% !important;

	float: left !important;

	padding: 0px 15px;

}

.widget-column h2.widget-title, .widget-column .widget-title {

	font-size: 18px;

	letter-spacing: 2px;

	margin-bottom: 1em;

	color: #FFF;

	font-weight: 800;

	text-transform: uppercase;

	line-height: 1.2;

}

.site-footer .widget-column .textwidget {

	color: #eae8e8;

}

.footer-nav-row .footer-navigation {

	display: table;

	margin: auto;

	width: auto;

}

.footer-navigation ul.menu {

	border: 0 none;

	margin: 0;

	text-align: center;

	padding: 0;

}

.footer-navigation li {

	border: 0 none;

	display: inline-block;

}

.footer-navigation ul li a {

	padding: 1em 1.25em;

	display: block;

	color: #fff;

	transition: all 0.3s ease-in 0s;

}

.footer-navigation ul.menu li.current-menu-item a {

	background-color: #6dbafc;

	color: #ffffff;

	transition: all 0.3s ease-in 0s;

}

.footer-navigation ul.menu > li:hover > a {

	background-color: #6dbafc;

	color: #ffffff;

	transition: all 0.3s ease-in 0s;

}

.widget-column .widget_categories ul li a {

	color: #eae8e8 !important;

	text-decoration: none;

	box-shadow: none;

}

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

table {

	margin: 0px;

}

body:not(.has-sidebar):not(.page-one-column) .page-header, body.has-sidebar.error404 #primary .page-header, body.page-two-column:not(.archive) #primary .entry-header, body.page-two-column.archive:not(.has-sidebar) #primary .page-header {

	width: 100%;

	float: left;

	margin-bottom: 15px;

	padding: 0px;

}

.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:focus:not(.prev):not(.next), .pagination a:hover:not(.prev):not(.next), .comments-pagination a:focus:not(.prev):not(.next), .comments-pagination a:hover:not(.prev):not(.next), .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {

	box-shadow: none;

	color: #4ba2ea;

}

.blog:not(.has-sidebar) #primary article, .archive:not(.page-one-column):not(.has-sidebar) #primary article, .search:not(.has-sidebar) #primary article, .error404:not(.has-sidebar) #primary .page-content, .error404.has-sidebar #primary .page-content, body.page-two-column:not(.archive) #primary .entry-content, body.page-two-column #comments {

	width: 100%;

	float: left;

}

.panel-content .wrap {

	padding-bottom: 2em;

	padding-top: 2em;

}

.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {

	color: #222222;

	font-size: 24px;

	font-weight: 600;

	letter-spacing: 1px;

	line-height: 1.2;

	margin: 0;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.site-content {

	padding: 2em 0 !important;

}

.entry-title a {

	margin-left: 0;

}

.widget {

	padding-bottom: 20px;

}

h2.widget-title {

	font-size: 20px;

	line-height: 1;

	margin-bottom: 15px;

	font-weight: 600;

	letter-spacing: 1px;

}

h2.entry-title, .home.blog .entry-title {

	color: #222222;

	font-size: 24px !important;

	font-weight: 600;

	letter-spacing: 1px;

	line-height: 1.2;

	margin: 0 !important;

	text-transform: uppercase;

}

button, input[type="button"], input[type="submit"] {

	background-color: #6dbafc;

}

button:hover, button:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {

	background-color: #4BA2EA;

}

.blog .site-main > article, .archive .site-main > article, .search .site-main > article {

	padding-bottom: 2em;

}

#secondary {



	padding: 0px;

}

.page-template-one-sidebar-page #primary, .page-template-two-sidebar-page #primary, .has-sidebar:not(.error404) #primary {

	width: 73%;

	float: left;

}

.page-template-one-sidebar-page #secondary, .page-template-two-sidebar-page #secondary-two, .has-sidebar #secondary {

	width: 25%;

	float: right;

}

.page-template-one-two-sidebar-page #primary, .twentyseventeen-front-page #primary, .home.blog #primary {

	width: 50%;

	float: left;

}

.single-post #primary{

	width: 50% !important;

	float: left;

}

.page-template-one-two-sidebar-page #secondary, 

.page-template-one-two-sidebar-page #secondary-two, 

.twentyseventeen-front-page #secondary, 

.twentyseventeen-front-page #secondary-two, 

.home.blog #secondary, 

.home.blog #secondary-two,

.single-post #secondary, 

.single-post #secondary-two {

	width: 23%;

	float: left;

}

.page-template-one-two-sidebar-page #secondary, 

.twentyseventeen-front-page #secondary, 

.home.blog #secondary,

.single-post #secondary { 

	margin: 0 2%;

}

.menu-toggle {

	color: #fff;

	font-size: 16px;

	padding: 13px;

	line-height: 1;

}

.main-navigation.toggled-on ul li a {

	color: #666;

	padding: 6px 10px;

}

.main-navigation.toggled-on ul ul {

	background-color: #ffffff;

}

.dropdown-toggle {

	right: 0px;

}
.header-right .search-form {
	background: #ffffff linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) repeat scroll 0 0;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
}
.header-right .search-form label{ margin: 0px; }
.header-right .search-form input.search-field{
	width: calc(100% - 54px);    
	background: transparent;  
	border: none;   
}

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

	Responsive CSS

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

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

.page-template-one-two-sidebar-page #primary, .twentyseventeen-front-page #primary, .home.blog #primary {

	width: 100%;

	margin-bottom: 20px;

}

.single-post #primary{

	width: 100% !important;

	margin-bottom: 20px; 

}

.page-template-one-two-sidebar-page #secondary, .page-template-one-two-sidebar-page #secondary-two, 

.twentyseventeen-front-page #secondary, .twentyseventeen-front-page #secondary-two, 

.home.blog #secondary, .home.blog #secondary-two,

.single-post #secondary, .single-post #secondary-two{

	margin: 0 2% 0 0;

	width: 48%;

}

}



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

body, button, input, select, textarea {

	font-size: 15px;

}

.site-footer .widget-column {

	width: 100% !important;

}

.page-template-one-two-sidebar-page #secondary, .page-template-one-two-sidebar-page #secondary-two, 

.twentyseventeen-front-page #secondary, .twentyseventeen-front-page #secondary-two, 

.home.blog #secondary, .home.blog #secondary-two,

.single-post #secondary, .single-post #secondary-two {

	width: 100%;

	margin: 0px;

}

.page-template-one-sidebar-page #primary, .page-template-two-sidebar-page #primary, .has-sidebar:not(.error404) #primary {

	width: 100%;

	margin-bottom: 20px;

}

.page-template-one-sidebar-page #secondary, .page-template-two-sidebar-page #secondary-two, .has-sidebar #secondary {

	width: 100%;

	float: left;

}

.header-left, .header-right {

	width: 100%;

	text-align: center;

}

.top-social {

	width: 100%;

	top: 0px;

}

.top-social .social-navigation {

	margin: 0px;

}

.header-right .search-toggle > a.screen-reader-text {

	display: none;

}

.header-right .search-toggle::before {

	content: inherit;

}

.header-right #search-container {

	display: block;

	position: inherit;

	margin: auto;

}

.main-navigation-row .main-navigation {

	width: 100%;

}

.header-right .search-toggle {

	display: inline-block;

	width: 100%;

}

.header-right .top-social .social-navigation a {

	margin: 0 0.5em 0.5em 0;

}

}

h2.widget-title {font-size:16px; text-transform:initial !important;}

.byline { display:none !important; }

.search-results #secondary { float:left !important; margin-right:10px !important; }

.entry-header a:hover{ box-shadow: none !important; color: #4ba2ea !important; }