/*
Theme Name: emphatic-design
Theme URI: http://emphaticsite.com/emphatic-design
Author: Anurag soni
Author URI: http://www.emphaticsite.com/anurag
Description: emphatic-design is a highly  professional and a good quality designed theme which has been actually built on popular web framework bootstrap. The emphatic-design has a great responsive navigation inspired from skype and facebook messenger. Thanks to the "off-canvas-infinity-push" plugin.The Author of the emphatic-design has tried to make a look of the web design clear and glossy. HTML5 has been used for markup and the coding has been sanitized in order to give maximum performance on the web. The emphatic-design has been made with love and passion.
Version: 1.3.1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: emphatic-design
Tags: two-columns,right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, footer-widgets, sticky-post, theme-options

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.

======
Note: Do not edit this file. If you wish to add your own CSS we strongly recommend creating your own child theme, or installing a custom CSS plugin.
======
*/
/*
 * Main body
 * Header
 * Slides
 * Title
 * Article
 * Comments
 * Widgets
 * Footer
* Wordpress classes
/*
 * Main body
* */
body {
	  width: 100%;
      font: 400 17px sans serif;
      line-height: 1.8;
  }

.container-fluid{
	padding:0 50px;
	}
	
/* Header */
	.plate{
		width:100%;
		height: 100px;
		background-color: #0099ff;
		margin-top:30px;				
	}
/*
 * Navigation
 *  */

	
  #primary-navigation{
	  float: right;
	  margin: 50px 0 0 0;
      background-color: rgba(255,255,0,.0);
      z-index: 9999;
      border: 0;
      font-size: 18px;         
      line-height: 1.42857143 !important;
      letter-spacing: 0;
      border-radius: 0;
  }

  #primary-navigation li{
	  float: left;
	  list-style: none;
	  margin-left: 20px;
		}
  #primary-navigation li a {
      color: black !important;
  }

	/*
 * Search form
 * */
 #search{
	float: right;
	margin-top: 60px;
	}
	
.search-form button{
	background: none;
	border: none;
	}
.search-form .screen-reader-text{
	display:none;
	}
.search-form input{
	border: none;
	border-bottom: 2px solid blue;
	background-color: rgba(0,0,0,0);
	}

.search-form input:active{
	border: none;
	box-shadow: 0;
	}
  /*
 * post-thumnail
 * */
 
.featured-image{
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	width: 100%;
	height: 440px;
	margin-top: 30px;
	}
#article{
	box-shadow: 0 20px 20px grey;
	padding: 50px 50px;
	}
#article figure{
	max-width:100%;
	}	
 /*
  *  Logo belongs to the header
  * */
  
 .logo-header{
	margin-right:20px;
	float:left;
	}
 .logo{
	margin-top: 2%;
	}

 .site-meta{

	}
.site-title{
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 3px;	
	font-family: 'Jura', sans-serif;
	margin-top:40px;
	}
.site-description{
	letter-spacing: 1px;
	font-size: 12px;
	}
    
  h2 {
      font-size: 24px;
      text-transform: uppercase;
      color: #303030;
      font-weight: 600;
      margin-bottom: 30px;
  }
  h4 {
      font-size: 19px;
      line-height: 1.375em;
      color: #303030;
      font-weight: 400;
      margin-bottom: 30px;
  }  

  footer .fa-angle-up {
      font-size: 50px;
      color: #f4511e;
  }
  .slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
.slideanim.images{
	 width: 100%;
	 box-shadow: 4px 20px 30px black;
	}
  /* Slides */

  #slides img {
	width: 100%;
	display: block;
	}
  
  /* Title Post-title*/

 #title h1{			
	text-align: center;
	letter-spacing: 5px;
	line-height: 1.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-family: serif;
	}
 #title p{
	 color: grey;
	 text-align:center;
	}
.index{
	 margin: 100px 0;
	}
.index .col-sm-8 p{
		color: grey;
	}
  
  /* Article */
  
  #article img{
		width: 100%;
		height: 100%;
	}
  .images{
	  box-shadow: 4px 20px 30px black;
  }

  /*Sidebar belongs to article */

  #sidebar{
	width: 28%;
	margin-left: 20px;
	font-family: serif;
	font-weight: 300px;
	font-size: 10px;
  }
  /**
 * Comments
 */

 
 #comments{
	font-weight: 400;
	font-size: 13px;
	}
 #comments h2{
	font-family: 'Jura', sans serif;
	}
#comments ol{
	list-style: none;
	}
label {
	font-weight: 400;
	}
.comment-list .comment-body{
	margin: 70px 0;
	padding: 0 0 50px 0;
	border-bottom: 2px solid blue;
	}
.comment-meta.commentmetadata{

	}
.submit{
	background-color: #0099ff;
	}
#reply-title{
	background-color: #0099ff;
	padding: 5px;
	}
#comments .avatar{
	float: left;	
	margin-right: 20px;
	}
#comments .reply{
	float: right;
	}
  /*
   * Widgets
   * */
.widget img{
	width: 100%;
	height: 100%;
	}
.widget *{
	text-transform: none;
	list-style: none;
	font-size: 18px;
	}
.widget h2{
	font-size: 20px;
	}
 
	
/*
 * footer
 *  */

 
footer{
	margin: 50px 50px;	
	}
.widgets{
	background-color: black;
	margin: 50px 0;
	padding: 50px 50px;
	}
footer .logo{
	float:right;
	margin-right: 30px;
}

	
 /*another media queries from bootstrap
// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.99px) {

.featured-image, #slides{
	width: 100%;
	height: 200px;	
	}
	
.col-sm-4 {
     text-align: center;
     margin: 25px 0;
   }
.btn-lg {
     width: 100%;
     margin-bottom: 35px;
    }

#title h1{			
	text-align: center;

	background-color: #0099ff;

	padding-top: 10px;
	padding-bottom: 10px;
	color: white;
	font-size: 15px;

	}

.site-title{
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 3px;	
	font-family: 'Jura', sans-serif;
	}
.site-description{
	letter-spacing: 1px;
	font-size: 12px;
	}
#sidebar{
	width: 100%;
	}

.widget{
	text-align: none;
	}
.widget *,#sidebar *{
	text-transform: none;
	list-style: none;
	font-size: 15px;
	}
.widget h2,#sidebar h2{
	font-size: 16px;
	}
footer .logo{
	float:none;
	margin: auto;
	margin-top: 30px;
	}
  #sidebar{
	padding-left: 0;
	border: none;	
  }
}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.99px) {


.featured-image{
	width: 100%;
	height: 400px;
	}

 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.99px) {

.featured-image,#slides{	
	width: 100%;
	height: 300px;	
	}
footer .logo{
	float:none;
	margin: auto;
	margin-top: 30px;
	}
.site-title{
	font-weight: 600;
	font-size: 30px;
	letter-spacing: 3px;	
	font-family: 'Jura', sans-serif;
	}
.site-description{
	letter-spacing: 1px;
	font-size: 12px;
	}
	  #sidebar{
	padding-left: 0;
	
  }
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.99px) {
.featured-image,#slides{
	width: 100%;
	height: 200px;	
	}
	footer .logo{
	float:none;
	margin: auto;
	margin-top: 30px;
	}
	  #sidebar{
	padding-left: 0;
  }
}
/*
   * Animations
   * */
  @keyframes logo {
        from {
            transform: scale(.5);
            margin-top: 50%
        }
        50% {
            transform: scale(.5);
            margin-top: 0;
        }
        to {
            transform: scale(1);
        }
    }
    
  @-webkit-keyframes logo {
        from {
            -webkit-transform: scale(.5);
            margin-top: 50%
        }
        50% {
            -webkit-transform: scale(.5);
            margin-top: 0;
        }
        to {
            -webkit-transform: scale(1);
        }
    }
    
    .logo {
        -webkit-animation: logo 3s;
        animation: logo 3s;
    } 
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
/* Wordpress classes */
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
.wp-caption,
.wp-caption-text{
	text-align: center;
	}
.bypostauthor{}
.aligncenter{
	margin: auto;
	}