/*   
Theme Name: SQLHA
Theme URI: http://www.sqlha.com
Description: Custom theme designed for SQLHA
Author: Yelling Mule
Author URI: http://www.yellingmule.com
Version: 2.0
*/
@CHARSET "UTF-8";

.clear{
    clear:both;
}

.right{
    float:right;
}

.left{
    float:left;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignleft {
    float: left;
    margin-right:20px;
}

.alignright {
    float: right !important;
    margin-left:20px;
}

.hidden {
    display:none;
}

/*font-family: 'Playfair Display', serif;*/
/*font-family: 'Open Sans', sans-serif;*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { font-family:Arial, Helvetica, sans-serif; margin:0; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
b,strong{font-weight:bold;}
input{ outline:none; }
em,i{ font-style:italic; }
a:focus { outline:none; outline-offset: 0px;}
a:hover{ text-decoration:none!important;}
*{font-family: 'Open Sans', sans-serif;}
/*font-family: 'Alegreya Sans', sans-serif;*/
html, body{ height:100%;}
html{ min-height:100%; position:relative;}

.wrapper{ margin:0; padding:0; width:100%; float:left; 
  height: auto !important;
    margin: 0 auto 0px;
    min-height: 93%;
}
.right {float:right !important;}
.left {float:left !important;}
/*.header{box-shadow: 0 -1px 4px #333; margin:0; padding:33px 0 20px 0; float:left; width:100%; background:#fff; position:fixed; z-index:99999; }*/
.header{box-shadow: 0 -1px 4px #333; margin:0; padding:19px 0 10px 0; float:left; width:100%; background:#fff; position:fixed; z-index:99999; }
.nav_cnt .navbar-nav{ margin:0; padding:0; float:right; clear:both;}
.logo-cnt { padding: 0px 0 0;}
.nav_cnt .navbar-nav li{ margin:0; padding:0 0 0 45px; position:relative; }
.nav_cnt .navbar-nav li:first-child{ padding:0 0 0 0;}
.nav_cnt .navbar-nav li a{ margin:0; padding:0 0 0px 0px; color:#223464; text-transform:uppercase; font-family: 'Open Sans', sans-serif;  font-weight:600; font-size:18px;}
.nav_cnt .navbar-nav li a:hover{ background:none; color:#808184 ;} 
.nav_cnt .navbar-nav li a.active{ background:none; color:#808184 ;} 
.nav_cnt #bs-navbar{ padding:0px 0;}
.nav_cnt .navbar-nav li a:focus { outline: none; background:none; outline-offset: 0px;}

nav ul li:hover ul{ display:block; }
nav ul ul{ display:none; position:absolute; width:250px; float:left; text-align:left; list-style:none; padding:20px 0 0 0; background:#fff;}
nav ul ul li{ padding:0px 10px!important;  }
nav ul ul li a{font-size:16px!important; border-bottom:1px dotted #808184; width:100%; float:left; padding:4px 0!important;}


.top_menu{ margin:0; padding:0 0 17px 0; float:right; width:100%; text-align:right;}
.top_menu ul{ margin:0; padding:0 0 0px 0; float:right; list-style:none;}
.top_menu ul li{ margin:0; padding:0; float:left ; padding:0 0 0 24px;}
.top_menu ul li a{ margin:0; padding:0; float:left;  font-weight:500; font-family: 'Open Sans', sans-serif; color:#808184; font-size:16px; text-transform:uppercase;  }
.top_menu ul li ul li:first-child{ padding:0 0 0 0;}
.top_menu ul li a:hover{ color:#223464;}

.slider_box{ margin:125px 0 0 0; padding:0; float:left; width:100%; position:relative;}
.slider_cnt{ margin:0; padding:0; position:absolute; width:100%; float:left; top:0; }
/*.carousel { float: left; margin: 125px 0 0; position: relative; width: 100%;}*/
.carousel { float: left; margin: 107px 0 0; position: relative; width: 100%;}
.carousel-caption{ left:0!important; right:0!important; margin:auto; width:100%; text-align:left!important; top:22%; }
.carousel-indicators {bottom: 33% !important;float: left;left: 0 !important;margin: auto!important; padding-left:17px!important;max-width: 1000px;right: 0;text-align: left !important; width:100%!important;}

.carousel img{ width:100%;}
.carousel h3{ margin:0; line-height:64px; padding:0 15px; float:left; font-size:48px; font-weight:300; color:#fff; text-transform:uppercase; font-family: 'Open Sans', sans-serif;}

.ser_cnt_area{ margin:-122px 0 0 0; padding:0; float:left; width:100%; text-align:center; position:relative; z-index:999;}
.ser_cnt_area p { width:100% !important;}
.col-lg-4.col-md-4.col-sm-4.col-xs-4.cnt_text_area{ padding:27px 30px 10px 30px;}
.cnt_text_area h3{ margin:0; padding:20px 0; float:left; width:100%;  font-weight:500; font-family: 'Open Sans', sans-serif; color:#fff; text-transform:uppercase; font-size:26px;}
.cnt_text_area p{ margin:0; padding:0 0 30px; float:left; font-weight:300; font-family: 'Open Sans', sans-serif; color:#fff;  font-size:18px;}
.cnt_text_area a{ margin:0; padding:6px 23px; float:none; display:inline-block;   font-weight:500; font-family: 'Open Sans', sans-serif; color:#fff;  font-size:18px; text-transform:uppercase; border:2px solid #fff;}
.cnt_text_area a:hover{ color:#fff;}
.cnt_text_area img{ height:100px;}

.button_blue:hover { background:#0072bc !important;}
.button_dark_blue:hover { background:#203463 !important;}


.blog-post_list{ margin:0; padding:60px 0 25px 0; float:left; width:100%;}
.blog-post_list h2{ margin:0; padding:0 0 40px 0; float:left; width:100%; color:#223464; font-size:34px; font-weight:500; font-family: 'Open Sans', sans-serif; }
.left_date{ margin:0; padding:0; float:left; width:20%; font-size:20px; color:#363636; font-weight:500; font-family: 'Open Sans', sans-serif;}
.right_post_list{ margin:0; padding:0; float:right; width:80%;}
.right_post_list a{ color:#2980b9; font-size:22px; line-height:30px; font-weight:500; font-family: 'Open Sans', sans-serif; margin:0; padding:0 0 5px 0; float:left; width:100%;}
.right_post_list p{ color:#000; font-size:16px; font-weight:500; font-family: 'Open Sans', sans-serif; margin:0; padding:0;}
.list_blog_post{ margin:0; padding:20px 0 20px 0; float:left; width:100%; border-bottom:1px solid #ddd;}

.post { border-bottom:1px solid #666; margin-bottom:50px; padding-bottom:30px;}
.post_details {font-size:14px !important; color:#666 !important; margin-top:-5px !important; line-height:22px !important; background:#efefef; margin-top:10px !important; margin-bottom:20px !important; padding:8px !important;}

#searchform { padding-top:4px; }
#searchform input {width:250px; padding:8px; }

#respond h3 { margin-bottom:25px !important;}
#respond input[type=text] {width:100%; margin-bottom:15px !important;}
#respond textarea {width:100%;}

#comments { margin-bottom:25px;}

.comment-subscription-form { font-size:14px !important;}
.comment-subscription-form p {line-height:20px !important; padding:0 !important; margin:0px !important;}

.commentlist { background:#efefef !important; padding:8px !important;}
.commentlist li { list-style:none !important;}
.commentlist p { font-size:16px !important;}
.commentmetadata { margin-top:10px !important;}

.dark_blue{ background:#203463;}
.blue{ background:#0072bc;}
.geay{ background:#808184;}


.miss_critical{ margin:0; padding:32px 0; float:left; width:100%; background:#f1f2f2; }
.miss_critical img{ float:right; margin:0 0 0 30px; padding:0; }
.miss_critical h3{ margin:0; padding:0 0 22px 0; color:#203463; font-size:30px; font-family: 'Open Sans', sans-serif;}
.miss_critical p{ margin:0; padding:0 0 25px 0; color:#363636; font-size:20px; font-family: 'Open Sans', sans-serif; line-height:30px; font-weight:300;}
.miss_critical .cta_button{ background:#203463; border-radius:5px; margin:0; padding:7px 20px;  color:#fff; font-size:20px; font-family: 'Open Sans', sans-serif; font-weight:600; text-transform:uppercase;}
.miss_critical .cta_button:hover{ background:#808184;}
.cnt_text_area a:hover{ background:#808184;}
.miss_critical .cta_button:hover{ color:#fff;}

.footer{ margin:0; padding:15px 0; float:left; width:100%; background:#808184; height:158px;  }
.footer_nav { margin:0; padding:15px 0 0 0; float:left; list-style:none; width:100%}
.footer_nav li{ margin:0; padding:6px 0; float:left; width:25%;}
.footer_nav li a{ margin:0; padding:0; float:left; width:100%; color:#fff; font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:bold; text-transform:uppercase;}
.footer_nav li a i{ font-size:12px;}
.footer_nav li a:hover{ color:#203463;}
.footer_nav li ul{ margin:5px 0 0 0; float:left; list-style:none; width:100%}
.footer_nav li ul li{ margin:0; padding:2px 0; float:left; width:100%;}
.footer_nav li ul li a{ font-weight:300; font-size:13px;}
.copyright{ text-align:center;}
.copyright p{ margin:0; padding:8px 0 0 0; float:left; width:100%; text-align:center; color:#fff; font-size:8.25px; font-family: 'Open Sans', sans-serif; text-transform:uppercase;}
.col-lg-3.col-md-3.col-sm-3.col-xs-12.copyright{ width:30%;}
.col-lg-9.col-md-9.col-sm-9.col-xs-12.foot_cnt{ width:70%;}

.collapse{ display:block\9!important;   }
.collapse li{ float:left\9!important;}


/*Service start*/

/*.inner_heading{ margin:129px 0 0 0; padding:5px 0; float:left; width:100%; background:#203463;}*/
.inner_heading{ margin:107px 0 0 0; padding:5px 0; float:left; width:100%; background:#203463;}
.inner_heading h1{ margin:0; padding:0; float:left; color:#fff; font-size:36px; font-family: 'Open Sans', sans-serif; font-weight:600;}
.inner_heading h1 a { color:#fff;}
.inner_heading img{ margin-right:10px;}
.inner_content_text{ margin:0; padding:28px 0; float:left; width:100%;}
.inner_content_text p{ margin:0; padding:0; float:left; line-height:32px; color:#455560; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:300;}
.inner_content_text ul li { margin-left:40px; padding:0; line-height:32px; color:#455560; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:300;}
.inner_content_text h2 { color:#203463; font-size:24px;}
.inner_content_text h1 { color:#2980b9; }
.inner_content_text.page p {float:none !important;}
.ser p{  margin:0; padding:0 0 15px 0; line-height:32px; color:#455560; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:300;}
.service_list ul{ margin:0; padding:0; float:left; width:100%; list-style:none;}
.service_list ul li{ margin:0 0 20px 0; padding:20px 22px; background:#f1f2f2; float:left; width:100%;}
.service_list ul li a{ margin:0; padding:0; font-size:22px; color:#1f3461; font-family: 'Open Sans', sans-serif; font-weight:bold; }
.service_list p { margin-left:75px; margin-top:-10px !important;}
.service_list ul li:hover{ background:#d5d5d5;}
.right_jpg { text-align:center; margin-top:25px;}
.right_jpg img{ float:right; margin-top:20px; }
#framework_title {font-size:22px;}
.service_list ul li img{ float:left; margin-right:15px;}
.service_list .img_wrap { float:left; width:65px !important; margin-right:10px;}
.additional_sess p {width:100%;}

.sidebar {border-left:1px solid #ccc; padding-left:20px;}
.sidebar ul { list-style:none !important; margin-left:0px; margin-top:15px; margin-bottom:25px;}
.sidebar ul li { list-style:none !important; margin-left:0px; font-size:16px;}
.sidebar ul li { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}

.sidebar .subscribe { display:inline-block; width:100%; background:#808184; color:#fff; padding:10px 0px; text-align:center;}

.omsc-toggle-title { color:#203463 !important; font-size:24px; font-family: 'Open Sans', sans-serif; font-weight:600;}
.omsc-toggle-inner { line-height:32px; color:#455560; font-size:18px; font-family: 'Open Sans', sans-serif; font-weight:300;}

/*Coming soon start*/
.comming_soon{  float:left; width:100%; text-align:center; background:none; padding:150px 0}
.comming_soon p{ margin:0; padding:0; float:left ;width:100%; color:#455560; font-size:16px; font-family: 'Open Sans', sans-serif; font-weight:300;}
.comming_soon h3{ margin:0; padding:18px 0; float:left ;width:100%; color:#223464; font-size:34px; font-family: 'Open Sans', sans-serif; font-weight:600;}


/*event start*/
.reg_adr h3{ margin:0; padding:0; }
.reg_adr h3 a{ color:#2980b9; font-size:32px; font-weight:600; font-family: 'Open Sans', sans-serif; font-weight:700; display:inline-block; padding:0 0 10px 0;}
.reg_adr p strong{ font-size:22px; width:70%; float:left;}
.reg_adr p strong img{ float:right;}
.reg_adr p span{ font-weight:600;}
a.reg_now{  background: #203463 none repeat scroll 0 0; border-radius: 5px;  color: #fff; font-family: "Open Sans",sans-serif; font-size: 20px; font-weight: 600; margin: 0; padding: 7px 20px; text-transform: uppercase; float:left; margin-top:10px;}
a.reg_now:hover{ background:#808184; color:#fff;}
.event_title { font-weight:600 !important;}
.event_date { font-size:14px !important;}
.event_photo {float:right !important;}

.additional_sess{ margin:0; padding:0; float:left; width:100%;}
.additional_sess h2{ margin:30px 0 0 0; padding:30px 0 0 0; float:left; width:100%; color:#455560; font-size:22px; font-family: "Open Sans",sans-serif; font-weight:600; border-top:1px solid #bdc3c7;}
.additional_sess ul{ margin:0; padding:23px 0 0 0; float:left; list-style:none; width:100%;}
.additional_sess ul li{ margin:0; padding:0; float:left; width:50%;}
.additional_sess ul li strong{ width:auto; padding: 0 4px 0 0; font-size:18px;}
.additional_sess ul li h3{ margin:0; padding:0;}
.additional_sess ul li h3 a{ margin:0; padding:0; color:#2980b9; font-size:19px; font-family: "Open Sans",sans-serif; }
.additional_sess ul li a{ margin:0; padding:0; color:#2980b9; font-size:17px; font-family: "Open Sans",sans-serif; }
.additional_sess ul li p{ padding:0;}


@media only screen and (max-width: 800px) {
.footer { height:auto !important;}
/* Force table to not be like tables anymore */
#no-more-tables table,
#no-more-tables thead,
#no-more-tables tbody,
#no-more-tables th,
#no-more-tables td,
#no-more-tables tr {
display: block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
#no-more-tables thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
#no-more-tables tr {
    background: #f1f2f2 none repeat scroll 0 0;
    border: 1px solid #ccc;
    float: left;
    padding: 10px 0;
    width: 100%;
}
  #no-more-tables tr:hover{ background:#d5d5d5;}
    #no-more-tables tr th{ padding-top:5px; padding-bottom:5px;}
#no-more-tables td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50%;
white-space: normal;
text-align:left;
}
 
#no-more-tables td:before {
/* Now like a table header */
position:relative;
/* Top/left values mimic padding */
top: 0px;
float:none;
left: 0px;
width: 30%;
padding-right: 10px;
white-space: nowrap;
text-align:left;
font-weight: bold;
}
a.more_info{ padding:7px 10px; font-size:13px;}
#no-more-tables td br{ display:none!important;}
.cf tbody tr br{ display:none!important;}
 
/*
Label the data
*/
#no-more-tables td:before { content: attr(data-title); margin-bottom:5px; float:left; }
.cf tbody tr td{ padding:5px 15px!important;}

}

.cf thead tr{ background:#455560; color:#fff; font-size:18px; font-family: "Open Sans",sans-serif; font-weight:bold; text-transform:uppercase;}
.cf thead tr th{ padding:6px 15px!important; border:none!important; background:#455560; color:#fff; font-size:18px; font-family: "Open Sans",sans-serif;}
.cf tbody{ background:#f1f2f2;}
.table-bordered{ border:none!important;}
.cf tbody tr{ color:#455560; border-bottom:1px solid #bdc3c7;font-size:16px; font-weight:300; font-family: "Open Sans",sans-serif;}
.cf tbody tr:hover{background:#d5d5d5;}
a.more_info{background: #203463 none repeat scroll 0 0; border-radius: 5px;  color: #fff; font-family: "Open Sans",sans-serif; font-size: 16px; font-weight: 600; margin: 0; padding: 7px 20px; text-transform: uppercase; float:right; margin-top:-18px; }
a.more_info:hover{ background:#808184; color:#fff;}
.cf tbody tr td{ padding:14px 15px!important; border:none!important;}
.cf tbody tr:last-child{ border-bottom:none!important;}
.col-sm-12.table-bordered.table-condensed.cf img{ float:none; margin-right:7px;}
.col-sm-12.table-bordered.table-condensed.cf em{ width:40px; float:left; text-align:center;}


/* LIVNUP */
.vimeo-content {
    color: #203463 !important;
    font-size: 18px !important;
    font-weight: bold !important;
    height: 35px !important;
    margin-bottom: 20px !important;
}

.vimeo-titles {
    font-size: 14px;
    font-weight: bold;
}

.vimeo-featured .vimeo-titles {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 16px !important;
    background: #efefef;
    margin-top: 2px !important;
    margin-bottom: 6px !important;
    padding: 8px !important;
}

.vimeo-featured .vimeo-description {
    margin-bottom: 40px !important;
}

.vimeo-wrapper {
    min-height: 180px !important;
}

.mission-critical-icon {
    float: none !important;
    margin: auto auto !important;
    height: 95% !important;
}

.mc-content {
    padding: 0;
    float: left;
    display: table-cell;
    width: 99%;
}

.mc-wrapper {
    float: left;
    width: 100%;
    display: table-cell;
}

.mc-icon {
    width: 180px;
    display: table-cell;
    vertical-align: middle;
}

.mission-critical-container {
    width: 100%;
    display: table;    
}

.sidebar .vimeo-active {
  color: #203463 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

.right-border {
    border-right: 1px solid #ccc !important;
}

.center {
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination a, .pagination h3 {
    color: #203463;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 4px;
}

.pagination h3 {
  border: none;
}

.pagination a.active {
    background-color: #4CAF50;
    color: white;
    border: 1px solid #4CAF50;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
}

a.disabled {
   pointer-events: none;
   cursor: default;
}

#myCarousel {
    display: none;
}