/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 2.2
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
.wrap {
		max-width: 1170px;
	margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
@font-face {
    font-family: 'Lucida Handwriting Std Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Lucida Handwriting Std Regular'), url('fonts/LucidaHandwritingStdRg.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Lucida Handwriting Std Thin';
    font-style: normal;
    font-weight: normal;
    src: local('Lucida Handwriting Std Thin'), url('fonts/LucidaHandwritingStdThin.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Lucida Handwriting Std Light';
    font-style: normal;
    font-weight: normal;
    src: local('Lucida Handwriting Std Light'), url('fonts/LucidaHandwritingStdLight.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Lucida Handwriting Std Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Lucida Handwriting Std Bold'), url('fonts/LucidaHandwritingStdBold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Lucida Handwriting Std Black';
    font-style: normal;
    font-weight: normal;
    src: local('Lucida Handwriting Std Black'), url('fonts/LucidaHandwritingStdBlack.woff') format('woff');
    }
body{
	min-height:820px;
}
body::-webkit-scrollbar {
  width: 1em!important;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
 
body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

/**extra css***/
ul.loc-12 {
	list-style:none;
	
}
ul.loc-12 li {
    display: inline-block;
    width: 49%;
    margin-bottom: 9px;
    color: #9199a4;
    font-weight: 300;
}
ul.com-ul12 {
    margin-bottom: 0;
}
ul.com-ul12 li:last-child {
    margin-bottom: 0;
}
ul.com-ul12 li {
    font-size: 16px;
    margin-bottom: 12px;
    color: #656565;
    font-weight: 300;
    margin-left: 18px;
}
.blog-header{
    padding: 30px 0 22px;
    margin-bottom: 30px; 
}
.blog .bg-in {
    display: none;
}
.blg-singl {
    padding-bottom: 50px;
}
.blog-header .page-title{
    color: #000;
    font-size: 30px;
    font-weight: 600;
	margin-bottom:0;
}
.blog-right .search-form .search-submit .icon{
    float:right;
    color: #fff;
}
.blog-right button, input[type="button"], input[type="submit"]{
    width:auto;
}
.content-blg h2 {
    padding: 20px 0 0;
    font-size: 22px;
    padding-top: 0;
}
.content-blg h2 a,
.read-more-link a{
	color:#000;
}
.read-more-link{
    padding-bottom:40px;
}
.blog-date{
    font-size:13px;
    padding-bottom: 5px;
}
.content-blg{
    font-size:15px;
    line-height:1.6;
}
.blog .site-content {
    padding: 50px 0;
}
.content-blg p {
    font-size: 16px;
}
.blg-singl .page-title {
    padding: 20px 0 0;
    font-size: 22px;
    margin-top: 0;	
    color: #000;
}
.blg-singl .page-title a{
	
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
    color: #666;
    background: #fff;
    border: #e1e6eb solid 1px;
    height: 48px;
    display: block;
    padding: 0.7em;
    width: 100%;
}
aside .search-form .search-submit {
    bottom: 3px;
    position: absolute;
    right: 0;
    top: 1px;
    width: 40px;
    height: 46px;
    border: none;
    background-color: #2472f0;
}
aside .search-form label {
    display: none;
}
aside .search-form .search-submit .screen-reader-text {
    display: none;
}
.search-form .search-submit .icon {
    height: 19px;
    top: -2px;
    color: #fff;
    width: 19px;
    fill: #fff;
}
aside .search-form {
    position: relative;
}
aside .widget ul li a, aside .widget ol li a {
    padding: 8px 0 8px 15px;;
    display: block;
	color: #444;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
}
aside .widget ul li a:hover, aside .widget ol li a:hover {
    color: #2472f0;
}
aside .widget ul li a:before, aside .widget ol li a:before {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 6px;
}
aside .widget ul, aside .widget ol {
    padding: 0;
}
aside .widget ul li, aside .widget ol li {
    list-style: none;
}
aside h2.widget-title {
    color: #222;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.1818em;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}

/**blog**/
.blog article.post {
    vertical-align: top;
    background-color: #fff;
    box-shadow: #ccc 0 0 10px;
    padding: 15px;
    width: 100%;
    float: left;
    margin-right: 0;
    margin-bottom: 30px;
}
.blog article.post:nth-child(2n+2) {
    margin-right: 0;
}
.entry-header .entry-title {
    margin: 5px 0 5px;
    color: #000;
    font-size: 27px;
    font-weight: 600;
    word-wrap: break-word;
}
.blog .post-thumbnail img {
    height: 320px;
    object-fit: cover !important;
    width: 100%;
    object-position: center !important;
}
.blog .entry-content p {
   color: #222;
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
}
.blog .entry-header .entry-title a {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    text-transform: initial;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.blog .posted-on a {
    color: #2472f0;
}
.blog .posted-on {
    color: #000;
}
.blog .entry-meta {
    font-size: 15px;
    margin: 10px 0;
    font-weight: 500;
}
.entry-content .link-more a {
    font-size: 15px;
    text-transform: uppercase;
    padding: 11px 20px;
    font-weight: 500;
    background: #2472f0;
    transition: all .3s ease;
    border: 1px solid #2472f0;
    color: #fff !important;
    display: inline-block;
    text-decoration: none;
    color: #fff;
}
article .screen-reader-text{
	display:none;
}

.single-post .blog article.post {
    width: 100%;
    margin: 0;
}
div#comments {
    display: none;
}
.navigation.post-navigation .nav-next a, .navigation.post-navigation .nav-previous a, .navigation.posts-navigation .nav-next a, .navigation.posts-navigation .nav-previous a {
    background: #2472f0;
    box-shadow: 0 -2px 12px rgb(184 184 184);
    color: #fff;
    display: inline-block;
    height: auto;
    overflow: hidden;
    padding: 10px 15px 10px 25px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
span.nav-subtitle {
    display: none;
}
.blog-details {
    margin-bottom: 20px;
}
.blog {
    padding: 30px 0px 10px;
    position: relative;
}
nav.navigation.post-navigation {
    float: left;
    width: 100%;
}
.nav-links {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.blog-details .nav-links svg:not(:root) {
    position: absolute;
    top: 0;
    left: 0;
	display:none;
    width: 65%;
    height: 100%;
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block;
}
#secondary .widget {
    box-shadow: 0 5px 12px rgb(184 184 184);
    padding: 15px;
    position: relative;
	margin-bottom: 30px;
}
#secondary .widget-title {
    border-bottom: 1px solid transparent;
    color: #fff;
    font-size: 16px;
    background-color: #2472f0;
    text-transform: uppercase;
    font-weight: 500;
    margin: 0;
    padding: 15px;
    letter-spacing: 0;
}
@media(max-width:767px){
	.blog article.post{
		width:100%;
		margin:0 0 20px 0!important;
	}
}