/*
Theme Name: WP Coursaty
Theme URI: http://cmssuperheroes.com
Author: CMSSuperHeroes
Author URI: http://themeforest.net/user/CMSSuperHeroes
Description: The 2015 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: wp-coursaty

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.
*/

/* MD styles */
@font-face {
    font-family: Open-Sans-Condensed;
    src: url(/wp-content/plugins/Ogone/fonts/OpenSans-CondBold.ttf);
}

@font-face {
    font-family: Raleway;
    src: url(/wp-content/plugins/Ogone/fonts/Raleway-Regular.ttf);
}
.admin-bar .cms-header-top + #cms-header.header-ontop {
    top: 40px !important; 
}
.cms-header-top + #cms-header {
    top: 0px !important; 
}
.entry-title, .entry-meta, .entry-video, #comments {display: none !important;}

.entry-socials-share-list {visibility: hidden;}

input[type="number"] {width: 100% !important; text-align: left !important;}

#sticky .btn-primary:first-of-type {/*box-shadow: 0 0 0 #fff !important;*/ color: #fff !important;}
#sticky .btn-primary {/*box-shadow: 0 0 0 #fff !important;*/ color: #555 !important; padding: 6px 12px; margin-left: 10px; display: block;}
.unstickme .btn-primary {color: #555 !important; padding: 6px 12px !important; font-size: 11px !important;}

#sticky {position: fixed; top: 430px; left: 0; z-index: 1050;}

@media only screen and (max-width : 676px){
	.unstickme .btn-primary {
		padding: 3px 8px !important;
		}
	div.text-right aside#text-12 > div > ul {
		text-align: center !important;
		}
	.cms-header-top + #cms-header {
		top: 0px !important;
	}
	/*#sticky {position: fixed; bottom: 60px; left: 0; z-index: 9999;*/}
}


/*#sticky .btn + .btn {margin-left: 0 !important;}*/

#sticky .btn {display: block !important;font-size: 11px; border-radius: 0; font-weight: normal !important; margin-left: 11px !important;}

.headLeftLinks {color: #61a6c2 !important;}

#menu-navigation {margin-bottom: 0 !important;}

.cms-page-title-text {display: none;}

.cms-page-title {
	padding: 0px !important;
	border-bottom-style: groove;
	border-bottom-color: #61a6c2;
	border-bottom-width: 3px;
}

.cms-page-title .cms-breadcrumb-text {
	padding-top: 6px !important;
}

.cms-page-title:not(.remove-margin) {
	margin-bottom: 0 !important;
}

ul li, ol li {line-height: 22px !important; list-style-type: square; font-family: Raleway-Regular, Arial, Verdana; font-size: 13px;}

input[type="checkbox"] {
	filter: alpha(opacity=1);    
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	opacity: 1 !important;}

input[type="number"] {    padding-left: 12px !important;}

.type-page a {color: #61a6c2;}
.type-page .btn {color: #fff !important;}

.dropcap2 {
	font-size: 28px;
    color: #337ab7;
}

ul.cms-main-navigation ul li.current_page_item > a {
	color: #fff;
}

div.cms-main-navigation > ul > li.current_page_item > a:after, ul.cms-main-navigation > li.current_page_item > a:after, div.cms-main-navigation > ul > li.current-menu-ancestor > a:after, ul.cms-main-navigation > li.current-menu-ancestor > a:after, div.cms-main-navigation > ul > li:active > a:after, ul.cms-main-navigation > li:active > a:after, div.cms-main-navigation > ul > li:focus > a:after, ul.cms-main-navigation > li:focus > a:after {
    height: 4px !important;
    bottom: -6px !important;
}

h1, h2, h3, h6 {font-family: "Open-Sans-Condensed", Arial, Tahoma !important; font-weight: 700 !important;}
.btn {border-radius: 0 !important;}
.btn-success, .btn-primary {background-color: #61a6c2 !important; border-color: #61a6c2 !important; color: #fff !important;}
.btn-success:hover, .btn-primary:hover {background-color: #61a6c2 !important; border-color: #61a6c2 !important;}
.btn-warning, .btn-default {background-color: #7496b0 !important; border-color: #7496b0 !important; color: #fff !important;}
.btn-warning:hover, .btn-default:hover {background-color: #b4ccdf !important; border-color: #b4ccdf !important;}
.btn-info {background-color: #7094ad !important; border-color: #7094ad !important; color: #fff !important;}
.btn-info:hover {background-color: #b4ccdf !important; opacity: 0.8;}

ul.cms-main-navigation li .current-menu-item > a, ul.cms-main-navigation li  li.current-menu-ancestor>a {
	background-color: #eff6f9 !important;
	color: #61a6c2 !important;
}
ul.cms-main-navigation li li a:hover, ul.cms-main-navigation li li .cms-menu-toggle:hover {
	/*color: #61a6c2 !important;*/
}
.cms-social.dark li a:hover {background-color: #fff !important;}
.widget_nav_menu li {
	list-style-type: none !important;
	margin-bottom: 8px !important;
}
.sidebar-area {padding-top: 20px;}
.entry-socials-share-list {display: none;}
#cms-footer-wrapper {margin-top: 0 !important; border-top: 5px groove #203e4c !important;}
.darkRow {background-color: #404041; padding-bottom: 20px;}
.lightRow {background-color: #fdfdfd; padding-bottom: 20px;}
.darkRow h1, .darkRow p {color: #fff !important;}
.vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {padding-top: 15px;}
ul li, ol li {
    font-family: Raleway, Arial, Verdana;
}
h1, .h1 {
    font-size: 28px !important;
}

.entry-content {padding: 0 20px; margin-bottom: 0px; box-shadow: 0 0 0 #fff !important;}
#lqlq, #lqlqq {font-family: Raleway, Arial, Verdana; }
.steps {font-family: "Open-Sans-Condensed", Arial, Tahoma !important; font-weight: 700; font-size: 20px; color: #61a6c2 !important; letter-spacing: 0 !important; text-transform:uppercase;}
#log_out, #lang_dropdown {margin-top: 5px;}
#lang_dropdown, select {background-image: url(assets/images/select-arrow.jpg) !important; background-position: 112% center;}
.entry-page .entry-content {
    margin-bottom: 0;
    padding: 0 20px;
}
.entry-summary {margin-bottom: 0 !important;}
h6 {font-size: 15px !important;}
.control-label {color: #333;}
.btn, .main, #headingintro, .wpb_wrapper {font-family: Raleway, Arial, Verdana;}
.heya {letter-spacing: 0 !important; color:#5a1c35 !important;}
#subscribe {background-color: #61a6c2 !important; border-color: #61a6c2 !important;}
#subscribe:hover {background-color: #61a6c2 !important; border-color: #61a6c2 !important;}
.list-unstyled li {list-style-type: none;}
#log_email_student {color: #5a1c35 !important;}
.vc_row {padding-top: 15px;}
.inspire {padding-left: 10px;}
.inspire .punkts {font-family: Raleway, Arial, Verdana !important;}
.inspire .glyphicon {
    font-size: 22px;
    color: #61a6c2 !important;
}
.zopim {left: 10px; right: auto !important;}
.select2-search__field {padding-top: 5px !important;}
.panel-info {border-color: #61a6c2 !important;}
.panel-info .panel-heading {background-color: #61a6c2 !important; border-color: #61a6c2 !important}
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {padding-top: 15px !important; text-align: justify;}
.darkRow h1, .lightRow h1, .whiteRow h1 {text-align: left;}
.darkRow img:first-of-type, .lightRow img:first-of-type, .whiteRow img:first-of-type, .darkRow p iframe, .lightRow p iframe, .whiteRow p iframe {margin-top: 24px;}
.alert-info {
    background-color: #61a6c2 !important;
}
body p {font-size: 13px;}
.rev_slider_wrapper .slotholder:after {background: none !important;}
div.cms-main-navigation > ul, ul.cms-main-navigation {margin-bottom: 0px !important;}
	
.cms-header-top ul.contact li:after {
	content: none !important;
}

.modal-backdrop {display: none;}

/* New menu css for ospay starts here */

.cms-header-top{
	display: none;
}

.cms-header-popup .fa-search:before{
	font-size: 16px;
	color: #61a6c2;
}

.cms-header-logo{
	height: 64px !important;
}

#cms-header > .container{
	width:100%;
}

#cms-header{
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.3); height:64px;
} 

#headerS .input-group {
    left: 0% !important;
}

#menu-menu-principal > li > a{
	height: 64px; 
	line-height: 64px; 
    font-family: Lato,Garamond, serif;
    text-transform: capitalize;
    font-weight: 700 ;
    font-style: normal;
    font-size: 15px;  
}

#menu-menu-principal a{
	color:#61a6c2 !important;
}

ul.cms-main-navigation ul{
	border-top:none !important;
}

#menu-menu-principal > .menu-item-has-children > a span:after{
	content: "\f0d7";
    font-family: FontAwesome;
    margin-left: 10px;
}

#menu-menu-principal ul .menu-item a:hover{
	text-decoration: none; background-color: #eee;
}

ul.cms-main-navigation > li li a {
    font-family: Lato !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    font-style: normal !important;
    font-size: 15px !important;
    border:0px !important;
    padding:15px 20px !important;
}

#menu-menu-principal > #menu-item-32078 a {
	padding: 0px 2rem;
	height: 36px !important;
	line-height: 36px !important;
	margin-top: 14px;
	text-align: center;
	background-color: #61a6c2;
	transition: .2s ease-out;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12), 0 3px 1px -2px rgba(0,0,0,.2);
	color: #fff !important;
}

#menu-menu-principal > #menu-item-32078 a:before {
	content: "\f040";
    font-family: FontAwesome;
    margin-right: 10px;
	font-size: 17px;
}

#menu-menu-principal > #menu-item-32078 a:hover {
	text-decoration: none;
}

#menu-menu-principal > #menu-item-32078 a span:after{
	content: "";
    font-family: FontAwesome;
    margin-left: 10px;
}

#cms-menu-mobile{
	align-items: center;
}

#loginLogoutGlyph {
	font-size: 18px;  
}

@media only screen and (max-width : 676px){
	#menu-menu-principal > .menu-item-object-page > a span:after,#menu-menu-principal > .menu-item-object-page > a:after{
		content: none;
	}
	#menu-menu-principal > .menu-item-object-page > a span:after{
		content: "" !important; 
	}
	#menu-menu-principal > li > a{
		height: 42px !important; line-height: 42px !important;
	}
	#menu-menu-principal > #menu-item-32078 a {
		margin-top: 0px;
	}
	#cms-header-navigation {
		max-height: none;
	}
} 

ul.cms-main-navigation > li {
	margin-right: 0 !important;
}

.loginmenu > a span:after{
	content:none !important;
}

#menu-item-32078 a:after{
	content:none !important;
}

#menu-item-35518 a span span:after,
#menu-item-35518 a span:after {
	content: none !important;
}
/* New menu css for ospay ends here */


/*.darkRow img:first-of-type, .darkRow p iframe {float: left;}
.lightRow img:first-of-type, .lightRow p iframe {float: right;}*/
/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}
.rev_slider_wrapper .slotholder::after
{
   background: rgba(0,0,0,0.4)!important;
}
---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/

/**
 * Table of Contents
 *
 * 1.0 CONTENT
	1.1. Post 
		* We made all style for post format, post type here : wp-coursaty/assets/scss/content.scss
	1.2. Comment
		* We made all style for page/post Comment form here : wp-coursaty/assets/scss/comment.scss
	1.3. Media 
		* We added all style for wordpress media (like video, audio, gallery,...) here:  wp-coursaty/assets/scss/media.scss
	1.4. Button
		* We made all style for Button here : wp-coursaty/assets/scss/button.scss
	1.5. Form
		* We added all style for FORM here : wp-coursaty/assets/scss/form.scss
	1.6. Typography
		* We added all style for HTML tag here : wp-coursaty/assets/scss/typography.scss
	1.7. Element
		* All Style for our element work with VC here : wp-coursaty/assets/scss/elements.scss
		 
 * 2.0 - Header
 	* We added all style for HEADER here: wp-coursaty/assets/scss/header.scss

 * 3.0 - Navigation
 	* We added all style for MAIN NAVITION here: wp-coursaty/assets/scss/navigation.scss

 * 4.0 - Page Title Bar
 	* We added all style for PAGE TITLE BAR here: wp-coursaty/assets/scss/pagetitle.scss

 * 5.0 - Footer
 	* We added all style for Footer here : wp-coursaty/assets/scss/footer.scss

 * 6.0 - Sidebar
 	* We added all style for Sidebar here : wp-coursaty/assets/scss/sidebar.scss

 * 7.0 - Widgets
 	* We added all style for Widgets here : wp-coursaty/assets/scss/widgets.scss

 * 8.0 - Customs Bootstap
 	* We added some custom style for Bootstap here : wp-coursaty/assets/scss/customs.scss
 	
 * 9.0 - Extensions
	* We added custom style for 3rd extensions/plugin we used in this theme (like: Revolution slider, Contact Form 7...) here : wp-coursaty/assets/scss/extensions.scss

 * 10.0 Mixins
 	* We added all mixins function used in this theme here:  wp-coursaty/assets/scss/mixins.scss

 * 11.0 Variations
 	* We added all VARIATIONS used in this theme here:  wp-coursaty/assets/scss/variations.scss

 * 12.0 - Media Queries
 *	  All style located in wp-coursaty/assets/scss/reponsive.scss
 *    12.1 - Mobile Large
 *    12.2 - Tablet Small
 *    12.3 - Tablet Large
 *    12.4 - Desktop Small
 *    12.5 - Desktop Medium
 *    12.6 - Desktop Large
 *    12.7 - Desktop X-Large
 */