Current File : /home/inlingua/public_html/sensoriumpsychologists.com/diagnostics/css/main.css |
/*
** Table Of Contents
**bootstrap overrides
**vertical margins and paddings
**general styles
**utilites
**styled lists
**icons
**buttons
**common sections styles
**light section
**grey section
**darkgrey section
**dark section
**color section
**boxed layout
**template styles
**main menu (min 768px) styles
**main menu mobile styles
**blog
**widgets
**shortcodes
**plugins
- Owl Carousel
- BxSlider
- Fraction Slider
- FlexSlider
- prettyPhoto
- Easy pieChart
- toTop
- Isotope Portfolio
*/
/*
**bootstrap overrides
*/
/*5 columns for bootstrap*/
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-15 {
width: 20%;
float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 992px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}
/*
**vertical margins and paddings
*/
section > .container {
padding-top: 40px;
padding-bottom: 40px;
}
section.with_padding_top > .container-fluid {
padding-top: 40px;
}
.no_container_padding > .container {
padding-top: 0;
padding-bottom: 0;
}
.no_container_bp .container {padding-bottom: 0;}
.light_section + .light_section > .container {
padding-top: 5px;
}
.light_section + .light_section:last-child > .container {padding-bottom: 40px;}
.light_section + .light_section > .container {
padding-bottom: 5px;
}
.light_section + .light_section[class*="with_"] > .container {
padding-top: 70px;
}
.row + .row {
margin-top: 20px;
}
section > .container > .row > [class*="col-"],
footer > .container > .row > [class*="col-"] {
margin-top: 10px;
margin-bottom: 10px;
}
.table_section .row {
display: table;
width: 100%;
}
.table_section [class*="col-"] {
display: table-cell;
vertical-align: middle;
float: none;
}
@media screen and (max-width: 767px) {
.table_section .row,
.table_section [class*="col-"] {
display: block;
width: auto;
}
/*[class*="col-"] + [class*="col-"] {
margin-top: 30px !important;
}*/
[class*="col-xs"] + [class*="col-xs"] {
margin-top: 0;
}
}
.action_section > .container {
padding-top: 40px;
padding-bottom: 40px;
}
#breadcrumbs > .container {
padding-top: 20px;
padding-bottom: 20px;
}
#pagination > .container {
padding-top: 30px;
padding-bottom: 30px;
}
#footer > .container {
padding-top: 50px;
padding-bottom: 30px;
}
#copyright > .container {
padding-top: 30px;
padding-bottom: 30px;
}
.with_sidemenu.sidemenu_left .widgetTabs .mainWrap .container {
padding-top: 40px;
padding-bottom: 40px;
}
@media (max-width: 767px) {
.container {
max-width: 500px;
}
}
/*
**icons
*/
a[class^="socialico-"] {
font-size: 0px !important;
display: inline-block;
position: relative;
padding-right: 30px;
line-height: 30px;
vertical-align: top;
margin-right: 5px;
}
a[class^="socialico-"]:before {
display: inline-block;
text-indent: 0;
overflow: hidden;
font-family: 'socialicoregular';
font-size: 25px;
text-align: center;
position: absolute;
left: 0;
top: 1px;
width: 30px;
height: 30px;
line-height: 30px;
margin: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
a[class^="socialico-"]:hover:before {
-webkit-transition: all 0.1s ease-in-out 0s;
-moz-transition: all 0.1s ease-in-out 0s;
-o-transition: all 0.1s ease-in-out 0s;
-ms-transition: all 0.1s ease-in-out 0s;
transition: all 0.1s ease-in-out 0s;
}
h1 > [class*="rt-icon-"],
h2 > [class*="rt-icon-"],
h3 > [class*="rt-icon-"],
h4 > [class*="rt-icon-"],
h5 > [class*="rt-icon-"],
h6 > [class*="rt-icon-"],
p > [class*="rt-icon-"] {
font-size: 1.2em;
position: relative;
top: .1em;
line-height: 0;
padding-right: 0.1em;
}
a > [class*="rt-icon-"],
.theme_button > [class*="rt-icon-"] {
font-size: 1.4em;
line-height: 0;
position: relative;
top: 3px;
padding-right: 4px;
}
.tab-content .widgetTop a > [class*="rt-icon-"],
.tab-content .widgetTop .theme_button > [class*="rt-icon-"] {
top: 2px;
padding-right: 0;
}
.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
padding-right: 7px;
}
.theme_button > [class*="rt-icon-"],
.theme_button > [class*="glyphicon"],
.theme_button > [class*="fa-"] {
margin-left: -13px;
}
/*
**common sections styles
*/
/*parallax*/
.parallax {
background-attachment: fixed !important;
/*-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;*/
overflow: hidden;
background-position: 35% 0%;
background-repeat: no-repeat;
position: relative;
}
@media (max-width: 767px) {
.parallax {
-webkit-background-size: auto auto !important;
-moz-background-size: auto auto !important;
-o-background-size: auto auto !important;
background-size: auto auto !important;
}
}
.parallax:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0.6;
z-index: 1;
}
.parallax.grey_section:after {
background-color: #f8f8f8;
opacity: 0.9;
}
.parallax.color_section:after {
background-color: #4D91BA;
}
.parallax.dark_section:after {
background-color: #1a1a1a;
}
.parallax.darkgrey_section:after {
background-color: #343434;
}
.parallax > .container, .gradient > .container {
z-index: 3;
position: relative;
}
.section_header {
margin-top: 4px;
margin-bottom: 42px;
font-size: 36px;
position: relative;
text-transform: uppercase;
font-weight: 700;
}
.section_header.page-title {
font-size: 48px;
}
.section_header:before {
content: '';
display: block;
position: absolute;
height: 1px;
width: 170px;
background-color: #e5e5e5;
bottom: -20px;
}
.section_header:after {
content: '';
width: 30px;
height: 3px;
background-color: #4D91BA;
position: absolute;
left: 70px;
bottom: -21px;
}
.text-center .section_header:before, .text-center.section_header:before {
left: 50%;
margin-left: -85px;
}
.text-center .section_header:after, .text-center.section_header:after {
margin-left: -15px;
left: 50%;
}
.section_header + p {
font-size: 16px;
line-height: 1.5em;
max-width: 60%;
margin: 40px auto 24px;
position: relative;
}
.section_header.text-center + p {
max-width: 60%;
margin-bottom: 14px;
}
.section_header + blockquote {
font-size: 16px;
max-width: 60%;
margin: 50px auto 44px;
border: none;
background-color: transparent;
padding: 0 40px;
}
.section_header + blockquote:before, .section_header + blockquote:after {
font-style: normal;
font-family: 'fontello';
content: '\e808';
position: absolute;
left: 0;
top: -10px;
font-size: 30px;
color: #4D91BA;
}
.section_header + blockquote:after {
content: '\e809';
left: auto;
right: 0;
}
@media (max-width: 767px) {
.section_header {
font-size: 30px;
margin-top: 0;
}
.section_header + blockquote, .section_header + p {
max-width: 100% !important;
}
}
.color_section .section_header:after {
background-color: #ffffff;
}
.color_section .section_header:before {
background-color: rgba(255, 255, 255, 0.3);
}
/*
.color_section .section_header {
color: $lightColor !important;
}
*/
/*page preloader*/
.preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #ffffff;
z-index: 13000;
height: 100%;
}
.preloader_image {
width: 80px;
height: 80px;
position: absolute;
left: 50%;
top: 50%;
background: url(../img/preloader.gif) no-repeat 50% 50% transparent;
margin: -40px 0 0 -40px;
}
/**color section*/
.color_section{
color: #ffffff;
background-color: #f4c119;
}
.color_section > .container {padding-top: 0; padding-bottom: 0;}
.cs_style_1 {background-color: #adc400;}
.cs_style_1 .sc_testimonials_style_2 .sc_slider,
.cs_style_1 .sc_testimonials_style_2 .flex-direction-nav li{background-color: transparent;}
.cs_style_2 .sc_testimonials_style_2 .sc_slider,
.cs_style_2 .sc_testimonials_style_2 .flex-direction-nav li{background-color: transparent;}
.cs_style_3 {background-color: transparent;}
.textured_style_1 {background-image: url(../img/testimonials/texture_2.png);}
/*
animated elements
*/
.animated {
/*IE7 fix*/
visibility: visible !important;
}
@media (max-width: 1100px) {
#mainslider .slide_description_wrapper {
left: -100%;
right: -100%;
-moz-transform: scale(0.5);
-o-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
#mainslider h3 {
line-height: 1.25;
}
}
@media (max-width: 767px) {
#mainslider .slide_description_wrapper {
text-align: center;
}
#mainslider .flex-control-nav {
display: none;
}
}
@media (max-width: 400px) {
#mainslider .slide_description_wrapper {
left: -100%;
right: -100%;
-moz-transform: scale(0.3);
-o-transform: scale(0.3);
-webkit-transform: scale(0.3);
transform: scale(0.3);
}
#mainslider h3 {
line-height: 1.25;
}
}
@media (min-width: 768px) {
/*sidebar with background*/
#content.left-sidebar .col-lg-9 {
padding-left: 30px;
}
#content.right-sidebar .col-lg-9 {
padding-right: 30px;
}
}
#partners-carousel {
text-align: center;
}
#related-gallery-items-carousel {
margin-top: 30px;
}
#copyright p {
margin-bottom: 0;
}
#googlemap_1 {
height: 400px;
}
#googlemap_1 img {
max-width: inherit;
}
#googlemap_2 {
height: 400px;
background-color: #CCC;
}
#googlemap_2 img {
max-width: inherit;
}
#googlemap_3 {
height: 400px;
}
#googlemap_3 img {
max-width: inherit;
}
/*
flexslider
*/
/*
* jQuery FlexSlider v2.2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
margin: 0;
padding: 0;
list-style: none;
}