/*
Theme Name: CRS Online
Theme URI: https://www.shriasys.com
Author: Tamil Selvan / Shriasys
Author URI: https://in.linkedin.com/in/tamilselvan-shanmugasundaram-14776a96
Description: CRS Online is the respiratory Website design which is uniquely designed in bootstrap. It is highly flexible for user editing and blog writing. It is compatible for all plugins and contents.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, footer-widgets, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: twentythirteen

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. Font
2. Body
3. Text - Font Styles
	3.1 Headings
	3.2 Paragraph
	3.3 Links, Spans
4. Container, Blocks
5. Header Styles
	5.1 Logo
	5.2 Menu Styles
6. Content Styles
	6.1 Slider Styles
	6.2 Home Content
	6.3 Page Content 
	6.4 Post Content 
	6.5 Category Content
	6.6 Custom Templates
7. Footer Styles
	7.1 Footer Menu
		7.1.1 Menu Blocks
		7.1.2 Social Icons
	7.2 Footer Credits
8. Responsive Queries
 */
 
 ------------------------------------------------------------------------------------------------
 ------------------------------------------------------------------------------------------------
 
/* ----------------- 1. Font --------------------*/
@font-face {
  font-family: 'GillSans';
  src: url('font/GillSans.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GillSans';
  src: url('font/GillSans.woff') format('woff'), url('GillSans.ttf')  format('truetype'), url('font/GillSans.svg#GillSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNext-Bold';
  src: url('font/AvenirNext-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNext-Bold';
  src: url('font/AvenirNext-Bold.eot')  format('woff'), url('font/AvenirNext-Bold.ttf')  format('truetype'), url('font/AvenirNext-Bold.svg#AvenirNext-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNext-Medium';
  src: url('font/AvenirNext-Medium.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AvenirNext-Medium';
  src: url('font/AvenirNext-Medium.woff') format('woff'), url('font/AvenirNext-Medium.ttf')  format('truetype'), url('font/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}





/* ----------------- 2. Body --------------------*/
body
{
color: #656871;
}
/* ----------------- 3. Text - Font Styles --------------------*/
h1, h2, h3, h4, h5, h6
{
	font-family: 'AvenirNext-Bold';
	text-transform: uppercase;
	color: #626b81;
	
}
h1
{
	font-size: 25px;
}
h2
{
	font-size: 20px;
}
h3
{
	font-size: 16px;
}
h4
{
	font-size: 16px;
}
h5
{
	font-size: 14px;
}
h6
{
	font-size: 12px;
}
p, a, span, i, li
{
	font-size: 17px;
	font-family: 'GillSans';
	color: #626b81;
	text-align:justify;
}
a:hover
{
	//color:#ff90c8;
	color:#009940;
}
ul
{
	list-style: square;
}
ul > li, ul > li > a, ul > li > p, ol > li, ol > li > a, ol > li > p
{
	font-family: 'GillSans';
	color: #626b81;
}
td, th, td > b, th > b
{
	font-family: 'GillSans';
	font-size: 17px;
}
/* ----------------- 3.1 Headings --------------------*/
/* ----------------- 3.2 Paragraph --------------------*/
/* ----------------- 3.3 Links, Spans --------------------*/
/* ----------------- 4. Container, Blocks --------------------*/
.container
{
	max-width:1030px;
}
/* ----------------- 5. Header Styles --------------------*/
/* ----------------- 5.1 Logo --------------------*/
.logo img{
    max-width:80%;
    max-height:70%;
}
/* ----------------- 5.2 Menu Styles --------------------*/
#mega-menu-primary > li > a 
{
    font-family: 'AvenirNext-Bold' !important;
    font-size:16px;
    padding-left: 20px;
    margin-top:50px;
    text-transform: uppercase;
}
#mega-menu-primary
{
	margin-bottom: -10px;
}
/* ----------------- 6. Content Styles --------------------*/
/* ----------------- 6.1 Slider Styles --------------------*/
#slider
{
	width:100%;
background-color:#f3f3f3;
//background-color:#01787A;
//background-color:#00A79B;
//padding-top:20px;
}
#slider > .container
{
	
}
/* ----------------- 6.2 Home Content --------------------*/
.home-heading
{
	font-family: 'AvenirNext-Bold';
    font-size:17px;
    text-transform: uppercase;
    color: #626b81;
    padding-left: 20px;
    border-left: solid 5px #009940;
    margin-bottom:20px;
    padding-top: 5px;
}
.home-content
{
	padding-bottom: 10px;
	padding-top: 25px;
}
.home-content > ul > li
{
	//list-style: url(images/pink_bullet.png);

}
.home-content > ul > li > p , .home-content > p, .home-content > ul > li > p > a
{
	font-family: 'GillSans';
	font-size:17px;
	padding-bottom: 5px;
	margin-top: -1px;
	text-align: left !important;
	text-decoration: none;
}
.home-content > p
{
	margin-left: 5px;
}
.content-middle
{
	background-color:#f3f3f3; 
	min-height:450px;
}
/* ----------------- 6.3 Page Content  --------------------*/
.fa-envelope, .fa-phone-square
{
float: left;
color: #ff90c8;
padding-right: 10px;
}
.conpage-add > ul > li
{
list-style: none;
margin:0;
}
.conpage-add > ul
{
padding:0;
margin:0;
}
.pageheadings
{
width:100% !important;
background-color:#f3f3f3 !important;
padding-top:20px;
padding-bottom:20px;
}
/* ----------------- 6.4 Post Content --------------------*/
.entry-meta > span
{
padding-right:10px;
}
/* ----------------- 6.5 Category Content --------------------*/
/* ----------------- 6.6 Custom Templates --------------------*/
/* ----------------- 7. Footer Styles --------------------*/
/* ----------------- 7.1 Footer Menu --------------------*/
#footer-menu
{
	background-color:#3f5fab;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
}
/* ----------------- 7.1.1 Menu Blocks --------------------*/
.footer-heading
{
	font-family: 'AvenirNext-Bold';
   font-size:16px;
   text-transform: uppercase;
   color: #FFF;
   margin-bottom:20px;
   padding-left: 20px;
}
.footer-block > ul
{
	padding:0;
    margin:0;
	list-style: none;
}
.footer-block > ul > li
{
	font-family: 'AvenirNext-Medium';
	font-size:16px;
	padding-bottom: 5px;
	color: #FFF;
	margin-top: -1px;
	padding-left: 20px;
	text-rendering: optimizeLegibility;
}
.footer-block > ul > li > a
{
	font-family: 'AvenirNext-Medium';
	font-size:16px;
	padding-bottom: 5px;
	color: #FFF;
	margin-top: -1px;
	text-rendering: optimizeLegibility;
}
.after-social
{
	margin-top: 8px !important;
}
/* ----------------- 7.1.2 Social Icons --------------------*/


/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
	margin-bottom: 20px;
}
ul.social-network li 
{

	display: inline;
}


/* footer social icons */
.social-network a.icoFacebook {
	border: solid 2px #3B5998;
	background-color:#FFF;
}
.social-network a.icoTwitter {
	border: solid 2px #33ccff;
	background-color:#FFF;
}
.social-network a.icoGoogle {
	border: solid 2px #BD3518;
	background-color:#FFF;
}

.social-network a.icoLinkedin {
	border: solid 2px #007bb7;
	background-color:#FFF;
}
.social-network a.icoFacebook i
{
	color: #3B5998;
}
.social-network a.icoTwitter i
{
	color: #33ccff;
}
.social-network a.icoGoogle i
{
	color: #BD3518;
}
.social-network a.icoLinkedin i 
{
	color: #007bb7;
}

a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
	border: solid 2px #fff;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
	border: solid 2px #fff;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
	border: solid 2px #fff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
	border: solid 2px #fff;
}

.social-network a.icoLinkedin:hover {
	background-color:#007bb7;
	border: solid 2px #fff;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:22px !important;
}
.social-circle li i {
	margin:0;
	line-height:50px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #fff;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}
.wpcf7-form .error{
	color:red;
}
.wpcf7-form input[type=text], input[type=number], input[type=email], textarea, select{
	width:40%
}
/* ----------------- 7.2 Footer Credits --------------------*/
#footer-credits
{
	padding-top:5px;
}

/* ----------------- 8. Responsive Queries --------------------*/
@media (min-width: 768px) and (max-width: 1024px){
	.wpcf7-form input[type=text], input[type=number], input[type=email], textarea, select{
		width:100%
	}
}
@media (max-width: 768px){
	.wpcf7-form input[type=text], input[type=number], input[type=email], textarea, select{
		width:100%
	}
}
@media (max-width: 478px) {
    .logo > img
    {
        align: middle;
        float: none;
        margin: 0 auto;
    }
    .content-middle
    {
    	min-height:auto;
    }
	.wpcf7-form input[type=text], input[type=number], input[type=email], textarea, select{
		width:100%
	}
    
}
@media (max-width: 480px) {
    .tparrows{
        display:none !important;
    }  
    .member-btn{
        font-size:14px;
    }
	.wpcf7-form input[type=text], input[type=number], input[type=email], textarea, select{
		width:100%
	}
}
.notice-div
{
background-color:#00A79B;
padding-top:20px;
padding-bottom:10px;
}
.notice-text
{
color: #35704e;
font-size:30px; 
text-align:center;
}
.postid-615 .entry-meta{
	display:none;
}
.mega-toggle-label-closed, .mega-toggle-label-open{
    display:none;
}
}
.entry-meta .date, .entry-meta .author{
	display:none !important;
}