/** 
 *------------------------------------------------------------------------------
 * @package       SIMPLI - Free Template for Joomla!
 *------------------------------------------------------------------------------
 * @copyright     Copyright (C) 2004-2016 JoomlArt.com. All Rights Reserved.
 * @license       GNU General Public License version 2 or later; see LICENSE.txt
 * @authors       JoomlArt
 *------------------------------------------------------------------------------
 If you want to made change to the template, please put your custom CSS in this
 file. Doing so will make updating the template easier in the future.
 *------------------------------------------------------------------------------
**/

    @media (max-width:468px) {
    a.logo strong {
        width: 100%!important;
        background-size: 100%!important;
    }}

/**windows blog fix**/
.items-row .item {background:#ffffff!important;}

/*search module*/
    div.row div.banner.span3 {float:right;}

/**typography*/
h1, h2, h3, h4, h5 {font-weight:400;color:#0172be;font-family:'Lato', sans-serif!important;}

.items-leading {margin-top:40px;}

.item-page .page-header h2 {font-family:'Lato', sans-serif!important;}

h1, .page-header h1 {font-size:40px;margin-bottom:40px;font-family:'Lato', sans-serif!important;}

div.page-header h2 {color:#333;font-family:'Lato', sans-serif!important;}
h2 {font-size:30px;font-family:'Lato', sans-serif!important;}

.item-page h1, .item-page h2, .item-page h3 {
    margin-top: 0; margin-bottom:40px; font-family:'Lato', sans-serif!important;
}
a {font-weight:400;}

body {font-size:18px!important;font-family:'Lato', sans-serif!important;}

p {
    font-family: 'Lato', sans-serif!important;
    font-weight: 300;
    letter-spacing: 0.5px;
    margin: 0 0 12px;
}
.item-page .page-header h2 {
    font-size: 36px;
}
/**text classes**/
.product-lead {font-weight:400;}
.capabilities-lead {font-weight:400;}
figure figcaption {color:#eeeeee;}

/**image classes**/
figure {
    border: 1px solid #303030;
    box-shadow: 0px 0px 0 0 rgba(0, 0, 0, 0.1);
    margin: 35px;
}

/**nav bar**/
#mainnav .nav > li > a, #mainnav .nav > li > .separator {font-size:14px; color: #777!important; font-weight:400;letter-spacing:.5px;padding:10px 10px 10px 0px;}

#mainnav .nav .parent > a::before, #mainnav .nav .parent > .separator::before {display:none;}

.dropdown-menu > li > a, .nav .nav-child > li > a {
    padding: 6px 12px;
    text-transform: uppercase;
}
/**home page**/
.features-intro.style-2 .row-fluid .feature-item {min-height:730px;}
.sp-accordion.sp-accordion-style1 .toggler span, .sp-accordion.sp-accordion-style1 .toggler span span {
    background: none!important;
    font-size: 16px!important;
    font-weight: 400!important;
    margin-top: 10px!important;
  margin-bottom:10px!important;
}

/**header**/
.home-slide {
min-height: 500px; padding: 60px 30px 20px;
}
.slides {min-height:350px;padding-right:40px;margin-top:-12px;}

.section-head-home {position:relative; top:400px;font-size: 70px;text-align: right;font-weight: 700; color: white; letter-spacing: 1px; line-height: .75; }
.section-head {
    font-size: 38px;
    position: relative;
    text-align: right !important;
    text-transform: uppercase;
    top: 250px;
  color:#262223
}
.section-head-light {
    font-size: 38px;
    position: relative;
    text-align: right !important;
    text-transform: uppercase;
    top: 250px;
  color:#FFFFFF
}
.section-head-dark {
    font-size: 38px;
    position: relative;
    text-align: right !important;
    text-transform: uppercase;
    top: 250px;
  color:#999999;
}
/**sidebar menu**/
.ja-module .nav > li > a, .module-menu .nav > li > a {width:100%;padding: 10px; font-size:15px;}

.ja-module .nav > li > a::before, .module-menu .nav > li > a::before {
    content: "\f101"
}
.sidebar-inner {
    font-size:16px;
}

/**article image**/
.item-image img {
    max-width: 300px;
    width: 100%;
}
/*white paper classes*/
.WPImg {border:1px solid #e7e7e7;max-width:200px;}
.WPTitle {font-weight:400;margin-top:0px;}
.WPAuthor {font-style:italic;font-weight:300;font-size:16px;}
.WPBtn {padding:8px;font-size:13px;margin-top:20px;text-transform: uppercase;}

/**product page tables**/
table {border:1px solid #e7e7e7;}
.pt-head {text-transform:uppercase;color:white;background:#3f96de;text-align:center!important;font-weight:400;}
.pt-label {font-weight:400;min-width:200px;max-width:250px;}
.pt-subhead {background:#eaebec; font-weight:400;}
p.pt-head {padding:7px 0px;}

/** stacked tables **/

th.special {
background-color: #24409a;
color: #f9f9f9;
font-size:12pt;
border-color: #e7e7e7;
border-style: solid;
border-width: 1px;
  font-weight: normal;
  text-align: center;
}
td.special {
font-size:12pt;
border-color: #e7e7e7;
border-style: solid;
border-width: 1px;
  text-align:center;
vertical-align:middle;
}

@media only screen and (max-width: 480px) {
/* Force table to not be like tables anymore */

    table, thead, tbody, th, td, tr {
      display: block;
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

tr { border: 1px solid #ccc; }

tr.gallery {border:none;}
    
    td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
text-align:left;

    }
    
    td:before {
      /* Now like a table header */
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      margin-right: 10px;
   font-weight:bold;
    }
    
/*
Label the data
*/
td:before { content: attr(data-label); }
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Force table to not be like tables anymore for iPad portrait only */

    table.special, thead.special, tbody.special, th.special, td.special, tr.special { 
      display: block; 
    }
    
    /* Hide table headers (but not display: none;, for accessibility) */
    thead.special tr { 
      position: absolute;
      top: -9999px;
      left: -9999px;
    }
    
    tr.special { border: 1px solid #ccc; }
    
    td.special { 
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee; 
      position: relative;
text-align:left;

    }
    
    td.special:before { 
      /* Now like a table header */
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      margin-right: 10px; 
  font-weight:bold;
    }
    
/*
Label the data
*/
td.special:before { content: attr(data-label); }

}
/**module styling**/
.module-title {
    font-size: 20px;
  margin-top:40px;
}
.search {
    margin: 20px 0px;
    text-align: right;
}
div.span4.callout {font-size:15px!important;background:#f1f1f1!important;padding:30px!important;}

/**footer**/
#footer {padding:20px;}


/**mobile styling**/
/**media queries ipad**/
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)  {
 /* home page */   
    .slides, .home-slide {min-height:250px;}
        .section-head-home {min-height:350px;
    font-size: 60px;
    top: 150px;
}
    .top-sl.grey-bg {padding:0px 30px;}
/*header*/
   .section-head, .section-head-dark, .section-head-light {top:140px;}

    /*search module*/
    div.row div.banner.span3 {float:right;}
    
    /*content margin fix for 980px*/
    div.blog, div .item-page {background:white;padding: 24px 0px 0px 60px;}
    .items-leading [class^="leading-"] {
    padding: 24px 0px 0px 60px;
}
    /*main nav padding */
    #mainnav .nav .parent > a, #mainnav .nav .parent > .separator {
    padding-right: 0px;
}
}

/**media queries iphone**/
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) {
    /* home page */
    .slides, .home-slide {min-height:250px;}
    .section-head-home {min-height:150px;font-size: 40px;top: 100px;color:#21409A!important;}
    
    /*page heads*/
        .section-head, .section-head-dark, .section-head-light {top:100px;}
}