/*
 Theme Name:     Gluon
 Theme URI:      http://gluonhq.com/
 Description:    A highly customized customizr theme.
 Template:       customizr
 Version:        1.0.0
*/

/* Make menu items have more padding around them */
.dropdown-menu > li.menu-item > a {
  padding: 5px 15px 5px 15px;
}

@media (max-width: 979px) {
  /* Menu was not scrollable on mobile */
  .nav-collapse.collapse {
    max-height: 80vh !important;
    -overflow-scrolling: touch !important;
    -webkit-overflow-scrolling: touch !important;
  }  
}

/* make navbar menu button on mobile white, rather than grey */
.navbar .btn-toggle-nav .btn {
  color: white !important;
}
.navbar .btn-toggle-nav .icon-bar,
.navbar .btn-toggle-nav.hover .icon-bar {
  background: white !important;  
}


/* connect arrows to menus (they detach at the default -6px) */
.navbar .nav>li>.dropdown-menu:after {
 top: -5px;
}


html {
  height: 100%;
}

body {
  height: 100%;
  background-color: white; /* make the body white rather than default gray */
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

  -webkit-font-feature-settings: "liga", "kern";
  -moz-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
}

code {
  padding: 0px;
  color: #4a4a4a;
  background-color: white;
  border: 0px;
  font-family: Consolas,Monaco,Menlo,"Courier New",monospace;
  font-size: 16px;
}

p {
  text-align: justify;
}

h1,h2,h3,h4,h5 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: 200 !important;
}

/* wordpress knowledge base clobbers this, hence the setting */
ol {
  font-size: initial;
  color: inherit;
}

li {
	line-height: 1.6em !important;
}

u.dotted{
  border-bottom: 1px dashed #999;
  text-decoration: none; 
}

blockquote {
  margin-left: 35px;
  margin-right: 35px;
  border-left: 5px solid #08c;
  border-right: 5px solid #08c;
  padding: 5px 15px 5px 15px
}
blockquote p {
  font-style: normal;
  font-size: 16px;
}

/* ADJUST HEADER HEIGHT */
/* Remove gray bar from header and footer areas */
header.tc-header {
  height: 58px;
  min-height: 58px;
  /*max-height: 58px;*/
  background-color: #0A6DB0;
  vertical-align: middle;
  border-bottom: 1px solid lightgray;
  box-shadow: 0 2px 20px rgba(0,0,0,.2);
}

.tc-regular-menu .navbar .nav>li.current-menu-ancestor>a {
  color: white;
}

/* On mobile this prevents the hamburger menu from wrapping to a new line */
.sticky-disabled .navbar-wrapper {
  clear: none;
}

.sticky-enabled header.tc-header {
  background-color: #0A6DB0;
  border-bottom: none; /*1px solid green;*/
}


/** Footer styling **/
#push,
#footer {
  height: 25px;
}
footer#footer {
  border-top: none;
  height: 25px;
  width: 100%;
}

footer#footer .colophon {
  background: none #222222;
  padding-top: 5px;
  padding-bottom: 0px;
}

footer p,
footer a,
footer a:hover {
  color: #999999!important;
}

/** make site logo a little smaller */
.site-logo img {
  height: 50px !important;
  width: 168px !important;
}


.navbar {
  padding-top: 8px;
  height: 0px;
}
.navbar .navbar-inner {
  padding-left: 100px;
  height: 0px;
}
.navbar .nav>li>a {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
}

@media (max-width: 1300px) {
  .navbar .navbar-inner {
    padding-left: 0px;
  }
}

/** Stop the menu text from shrinking when sticky */
.sticky-enabled .tc-header .navbar .nav>li>a  {
  font-size: 17px;
  margin: 4px 0px 0px 0px;
}


.page .entry-title {
  content: "";
  display:block;
  background-position:left;
  text-align:left;
  vertical-align: middle;
}

.tc-sidebar {
  padding-top: 20px; /*70px;*/
}

.back-to-top {
  display:  none;
}


.navbar .nav > li > a, 
.navbar .nav > li > a:first-letter {
  color: white;    
  font-weight: normal;      
  text-shadow: none;              
}

/* Adjust Menu colors - Hover */
.navbar .nav > li > a:hover, 
.navbar .nav > li > a:hover:first-letter {
  color: white;
  text-shadow: none;                     
}

/* Adjust Menu colors - Active */
.navbar .nav > li > a:active, 
.navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a,
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter,
.navbar .nav > li.current-menu-ancestor > a:first-letter {
  color: white;
  text-shadow: none;
}

/* Adjust dropdown Menu items text color */
.nav .dropdown-menu a,
.nav .dropdown-menu a:hover {
  color: #0A6DB0;
}

/* Make all arrows in menu white */
.navbar .nav li.dropdown.current-menu-item>a .caret,
.navbar .nav li.dropdown.open.current-menu-ancestor>.dropdown-toggle .caret, 
.navbar .nav li.dropdown.open>.dropdown-toggle .caret, 
.navbar .nav>li.current-menu-item>a .caret, 
.tc-regular-menu .navbar .nav li.current-menu-ancestor>a .caret, 
.tc-regular-menu .navbar .nav li.dropdown.current-menu-ancestor>a .caret,

.navbar .nav li.dropdown > a .caret,
.navbar .nav li.dropdown > a:hover .caret,
.navbar .nav li.dropdown > a:focus .caret,
.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret,
.navbar .nav > li.current-menu-item > a .caret,
.navbar .nav li.current-menu-ancestor > a .caret,
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.current-menu-item > a .caret,
.navbar .nav li.dropdown.current-menu-ancestor > a .caret,
.navbar .nav li.dropdown.open.current-menu-ancestor > .dropdown-toggle .caret {
  border-top-color: white;
  border-bottom-color: white;
}

/* Make it clear what menu item (in the sidebar menus) is currently showing */
.menu .current-menu-item {
  background-color: #EEE;
}

.dropdown-menu,
.dropdown-submenu>.dropdown-menu {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  border-color: E9EAEE;
}

.team-member figure {
  margin-left: 0px;
}
.author-details {
  margin-left: 0px;
}

/* used by the full width page template */
@media (min-width: 768px) {
.page-template-full-width-page-php #main-wrapper {
	width: 100%;
	overflow-x: hidden;
	}
.page-template-full-width-page-php #main-wrapper .breadcrumbs {
	margin-left: 10px;
	}
.page-template-full-width-page-php .container {
	width: 100%;
	}
.page-template-full-width-page-php #content {
	width: 100%;
	margin: 0 auto;
	display: inline-block;
	}
.page-template-full-width-page-php .row {
	margin-left: 0;
	margin-right: -30px;
	}
.page-template-full-width-page-php {overflow-x: hidden;}
}

/*
.et_pb_more_button.light {
    background-color: rgba(255, 255, 255, 0) !important;
    color: white;
    border-color: white;
    padding: 10px 20px;
}
.et_pb_more_button.dark{
    background-color: rgba(255, 255, 255, 0) !important;
    color: #464648;
    border-color: #464648;
    padding: 10px 20px;
}
 
a.et_pb_more_button.light,
a.et_pb_more_button.dark {
    background-color: rgba(0, 0, 0, 0);
    border: solid 2px;
}
*/

.front-footer,
.front-footer a,
.front-footer a:hover {
  color: white;
}

.front-footer h3 {
  position: relative;
  text-align: left;
}

.front-footer h3 span {
  background: #0A6DB0;
  padding: 0 15 0 0px;
  position: relative;
  z-index: 1;
}

.front-footer h3:before {
  background: #ddd;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  width: 100%;
}

.front-footer h3:before {
  left: 0;
}

/* The front page should become even more full width at low screen width */
.front-page .container {
  padding-top: 25px; 
  margin-left: auto; 
  margin-right: auto; 
  width: 70%;
}
@media (max-width: 800px) {
  .front-page .container {
    width: 100%;
  }
}

#main-wrapper .front-footer .widget li {  
  background-color: none;
  border-bottom-width: 0px;
}

#main-wrapper .front-footer .widget li:hover {  
  background-color: #0A6DB0;
}

.widget.widget_recent_entries li:before {
  color: white;
}

/* Disable round hover effect on feature images */
.round-div{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border-color:   transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}


/* Remove the 'Post Navigation' links in news posts */
h3.assistive-text {
  display: none;
}

/* Remove Post Category */
.entry-meta .btn {
  display:    none;
}
 
/* Remove Post Tag */
.btn-tag {
  display: none;
}  
 
/* Remove Post Author */
.entry-meta .url.fn.n {
display:    none;
}

@media (max-width: 976px) {
  /* Style the mobile menus */
  .navbar .nav-collapse .nav > li > a, 
  .navbar .nav-collapse .nav > li > a:first-letter {
    color: #777;
    font-weight: bold;
  }
}

/* Fix for mobile header growing / shrinking based on sticky state */
@media (max-width: 979px){
  .tc-header {
    border-bottom: none;
  }

  header.tc-header {
    min-height: 40px;
  }

  .tc-header .brand{
    float: left;
    width: 80%;
    text-align: left;
    padding-left: 10px;
    position: relative;
    z-index: 2;
  }

  header.tc-header .outside,
  header.tc-header  .social-block {
    display: none;
  }

  /* shrink header img by default*/
  .tc-header .site-logo img {
    height: 50px!important;
    width: auto!important;
  }
  .tc-header .brand h1, .tc-header .brand a{
    margin: 10px 0px;
  }
  .tc-header .brand .site-title {
    font-size: 0.6em;
    line-height: 1.2em;
  }
  .tc-header .navbar-wrapper {
    float: none;
    position: relative;
    z-index: 1;
  }
  .tc-header .navbar .navbar-inner{
    margin: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: none;
  }
  .tc-header .navbar .btn-navbar {
    margin: 9px 0px;
  }
  .tc-header .nav-collapse{
    /* default fallback */
    background: rgb(255, 255, 255) transparent;
    /* nice browsers */
    background: rgba(255, 255, 255, 0.9);
    /* IE 6/7 */
    filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
    /* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
  }
}
@media (max-width:480px){
  .tc-header .brand .site-title{
    font-size: 0.5em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .tc-header .brand h1, .tc-header .brand a{
    margin: 10px 0px;
  }
}
/* End of mobile header fix */

/* Pricing table style overrides for metro style */
#shaon-pricing-table .metro * {
  font-size: 16px !important;
}
#shaon-pricing-table .metro * {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

/* Pricing table style overrides for rock style */
#shaon-pricing-table .col-md-12 div.pricing-table ul li,
.pricing-table h5 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
#shaon-pricing-table .col-md-12 div.pricing-table ul li.wppt-package-name,
#shaon-pricing-table .col-md-12 div.pricing-table ul li.wppt-package-info,
#shaon-pricing-table .col-md-12 div.pricing-table ul li.pricing-footer.footer-row {
  background-color: #0A6DB0;
  border-radius: 0px;
  border: none !important;
}
#shaon-pricing-table .wppt-info-circle p {
  text-align: center;
  line-height: 15px;
}
#shaon-pricing-table h1 {
  font-size: 20px;
  margin-top: 0px;
}
#shaon-pricing-table h1, #shaon-pricing-table h2, #shaon-pricing-table h3, #shaon-pricing-table h4, #shaon-pricing-table h5 {
  text-shadow: none;
}
#shaon-pricing-table .col-md-12 div.pricing-table ul li.feature {
  border-left: 1px solid #0A6DB0;
  border-right: 1px solid #0A6DB0;
}

#shaon-pricing-table .col-md-12 div.pricing-table ul li.feature .ftr {
  line-height: 20px;
}
#shaon-pricing-table .pricing-footer {
  height: inherit;
}

/* WooCommerce style fixes */
/* Make the featured image smaller */
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
  float: left;
  width: 125px;
  margin-bottom: 0px;
}
/* Make the product image smaller on the /store page */
.woocommerce ul.products li.product a img,
.woocommerce div.product div.images img {
  width: 125px;
  height: auto; 
  margin-left: auto;
  margin-right: auto;
}
.woocommerce .related ul li.product img, .woocommerce .related ul.products li.product img, .woocommerce .upsells.products ul li.product img, .woocommerce .upsells.products ul.products li.product img, .woocommerce-page .related ul li.product img, .woocommerce-page .related ul.products li.product img, .woocommerce-page .upsells.products ul li.product img, .woocommerce-page .upsells.products ul.products li.product img {
  width: 120px;
  height: auto;
}

/* Tidy up product page by centering */

.woocommerce ul li {
  text-align: center;
}

/* Make the summary area bigger */
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  width: 87%;
}
/* Tidy up variations display*/
.woocommerce tr:nth-child(odd) td, 
.woocommerce tr:nth-child(odd) th {
  background-color: white;
}
.woocommerce div.product form.cart .variations td {
  vertical-align: top;
  float: left;
}
.woocommerce div.product form.cart .variations label {
  color: #5a5a5a;
  font-weight: 400;
}
.variations {max-width:320px}
.variations .label {display:none}
.variations_button {
  padding-top: 10px;
}
.single_variation .price {
  font-weight:600;
}

/* Misc woocommerce tidy-ups */
.sku{display:none}
.sku_wrapper{display:none}
.posted_in{display:none}
.tagged_as{display:none}
.first-payment-date{display:none}
.woocommerce .woocommerce-tabs ul.tabs {display:none !important}
.woocommerce .woocommerce-tabs .panel h2 {display:none !important}
.reset_variations { display: none !important; }

/* Remove whitespace between summary area and product description area */
.woocommerce #content div.product div.summary {
  margin-bottom: 10px;
}
.woocommerce div.product form.cart {
  margin-bottom: 0px;
}

/* Fix the quantity text field in woocommerce - too small otherwise */
.woocommerce input.input-text.qty.text {
  margin-right: 4px;
  height: 36px;
}

/* Hide unused sections of footer */
#footer .social-block.pull-left,
#footer div.backtop {
  display: none;
}

/* Price cells style */
#shaon-pricing-table .pricing-table li.Price {
  font-size: 18px !important;
  font-weight: bold;
  color: rgb(10, 109, 176);
}

/* alert has too much right padding by default (35px) */
.alert {
  padding: 8px 14px 8px 14px;
}


/* bbPress */
#bbpress-forums,
#bbpress-forums p,
#bbpress-forums li {
  font-size: 16px ;
}
#bbpress-forums .bbp-forum-info .bbp-forum-content, 
#bbpress-forums p.bbp-topic-meta {
  font-size: 14px;
}
#bbpress-forums div.reply {
  margin-right: 0px;
}
#bbpress-forums li.bbp-forum-freshness > p,
#bbpress-forums li.bbp-topic-freshness > p {
  text-align: center;
}

#bbpress-forums li.bbp-header {
  background: #0A6DB0;
}
.bbp-header li,
.bbp-header .bbp-reply-author,
.bbp-header .bbp-reply-content {
  color: white;
}
.bbp-header .bbp-reply-content a {
  color: white;
}

#bbpress-forums li.bbp-footer {
  background: #0A6DB0;
  padding: 1px;
}
#bbpress-forums li.bbp-footer div.tr,
#bbpress-forums li.bbp-footer .bbp-reply-author,
#bbpress-forums li.bbp-footer .bbp-reply-content {
  display: none;
}

/* hide avatars from bbpress */
#bbpress-forums p.bbp-topic-meta img.avatar { 
    display: none ! important; 
}


/* Ninja forms improvements */
.ninja-forms-all-fields-wrap .text-wrap label,
.ninja-forms-all-fields-wrap .number-wrap label,
.ninja-forms-all-fields-wrap .textarea-wrap label  {
  display: block;
  float: left;
  width: 200px;
}

/* Remove borders on gallery images */
#gallery-1 img,
#gallery-1 img:hover {
  border: none !important;
}
.tc-gallery-style .gallery-item img,
.tc-gallery-style .gallery-item img:hover {
  box-shadow: none !important;
}

.screenshot {
  box-shadow: 0 2px 20px rgba(0,0,0,.2);
}

/* Updated homepage custom CSS */
.page-template-full-width-page .tc-hot-crumble,
.page-template-full-width-page .entry-header {
  display: none;
}
.page-template-full-width-page .front-page .container {
  width: 100%;
  padding-top: 0px;
}
.page-template-full-width-page #main-wrapper {
  margin: 0px;
}
.page-template-full-width-page .row {
  margin-right: 0px;
}
.page-template-full-width-page .screenshot {
  box-shadow: none;
}
.page-template-full-width-page .feature {
  margin-top: 0%;
}
.page-template-full-width-page .feature.left {
  padding-right: 0px;
  padding-left: 32px;
}
.page-template-full-width-page .feature.right {
  padding-right: 32px;
  padding-left: 0px;
}
.page-template-full-width-page .gradient-1 {
  background: #0A6DB0; 
  background: linear-gradient(160deg, #0A6DB0 0%, #004B70 100%);
}
.page-template-full-width-page .gradient-2 {
  background: #0A6DB0; 
  background: linear-gradient(#0A6DB0, #004B70);
}
.page-template-full-width-page .gradient-3 {
  background: linear-gradient(-320deg, #0A6DB0 0%, #004B70 100%);
}
.page-template-full-width-page .gradient-6 {
  background: linear-gradient(180deg, #ddecf6 0%, rgb(255, 255, 255) 50%);
}
.page-template-full-width-page .fp-btn {
  background: #53A0CF;
  background-image: -webkit-linear-gradient(top, #53A0CF, #3089B4);
  background-image: -moz-linear-gradient(top, #53A0CF, #3089B4);
  background-image: -ms-linear-gradient(top, #53A0CF, #3089B4);
  background-image: -o-linear-gradient(top, #53A0CF, #3089B4);
  background-image: linear-gradient(to bottom, #53A0CF, #3089B4);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 1px 1px 0px #666666;
  color: #ffffff;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}
.page-template-full-width-page .fp-btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.page-template-full-width-page #tc-reset-margin-top {
  margin-top:  10px !important;
}
.page-template-full-width-page .tc-header {
  border-bottom-width: 0px;
}


/** KB tweaks */
#live-search {
}

#live-search #searchform input {
    height: 35px;
}

div .kbe_breadcrum {
 margin-top: 15px;
}
div .kbe_breadcrum ul li {
  background: none;
  padding: inherit;
  padding-left: 4px;
}
div .kbe_breadcrum ul li:after {
content:" »  ";
}
div .kbe_breadcrum ul li a {
 color: #08c;
 font-size: inherit;
}

#kbe_content .kbe_leftcol p {
  margin-bottom: 0px;
}

/* GLUON MODIFICATIONS */
#kbe_content {
  padding: 5px;
}
#live-search {
  padding-left: 5px;
}
.kbe_content_full {
  width: inherit !important;
}
#kbe_content > div > pre {
  width: 94%;
}
div .kbe_breadcrum {
  margin: 40px 0 10px 0;
  padding-left: 5px;
}

/* Improve presentation of the 'view all' links */
#kbe_content h2 span.kbe_count {
  background: initial;
  line-height: inherit;
  background-color: inherit !important;
  width: 100px;
}
#kbe_content .kbe_category h2 a {
  width: inherit;
  line-height: 37px;
}

#kbe_content .kbe_leftcol h2,
#kbe_content h2, 
.kbe_aside h2,
#kbe_content > div > div > h2 > strong {
  color: inherit;
  font-weight: 200 !important;
}

/* Make the category text blend in to theme better */
#kbe_content .kbe_category h2 a {
  color: rgb(90, 90, 90);
}

/* Better images for articles on articles page, front page and search results popup of KB */
.kbe_articles ul li {
  background: url(/wp-content/uploads/2016/03/kb-article.png) no-repeat left top;
  background-size: 28px;
  padding-top: 0px;
}
#kbe_content .kbe_leftcol .kbe_article_list li {
  background: url(/wp-content/uploads/2016/03/kb-article.png) no-repeat left top;
  background-size: 21px;
}
#search-result li {
  background: url(/wp-content/uploads/2016/03/kb-article.png) no-repeat scroll left 16px top 13px rgb(255, 255, 255);
  background-size: 28px;
}

/* Better search field image */
.kbe_search_field input[type=text] {
  background: url(/wp-content/uploads/2016/03/knowledge-base.png) no-repeat left #fff;
  background-size: 28px;
  background-position-x: 10px;
  padding: 6px 17px 6px 60px;
}

.kbe_leftcol {
  width: 97%;
}

/* Add more padding to footer on single-article KB page */
.single-kbe_knowledgebase #footer {
  margin-top: 45px;
}

/* Less padding between knowledge base article links */
#kbe_content .kbe_leftcol .kbe_article_list li {
  margin-bottom: 10px;
}

/* Fix code syntax highlighting in knowledge base */
#kbe_content .kbe_leftcol .crayon-syntax span {
  display: initial !important;
}

#kbe_content .kbe_leftcol .kbe_article_list li a,
#kbe_content .kbe_leftcol .kbe_article_list li a:hover,
#kbe_content .kbe_leftcol .kbe_articles ul li a,
#kbe_content .kbe_leftcol .kbe_articles ul li a:hover {
  color: #08c;
}
#kbe_content .kbe_leftcol .kbe_article_list li a:hover,
#kbe_content .kbe_leftcol .kbe_articles ul li a:hover {
  text-decoration: underline;
}

#kbe_content .kbe_leftcol h2 {
  background: url(/wp-content/uploads/2016/03/kb-articles.png) no-repeat scroll left top 3px rgba(0, 0, 0, 0);
  background-size: 28px;
  padding: 0 0 16px 30px; 
}

/* Fixes for mobile displays */
@media screen and (max-width: 640px) {
  /* Stop header text from center alignment */
  #kbe_container h1 {
    text-align: left;
  }
  /* Stop breadcrumbs from center alignment */
  .kbe_breadcrum ul {
    text-align: left;
  }
  
  #kbe_content .kbe_leftcol h2 {
    border-bottom: 1px solid #CCCCCC;
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 25px;
  }
}
/* END OF KNOWLEDGE BASE MODIFICATIONS */


/********************************************************
 *
 * Gluon 2.0 Styling
 * 
 ********************************************************/
body {
  min-width: inherit;  
}
.top-row {
  padding-top: 32px;
}
section.even-row {

}
section.odd-row {
  background-color: #f4f4f4;
  max-width: 100%
}
section.first {
  padding-top: 59px; 
}
.feature-section-img {
  width: 420px;
}
.hero-section {
  padding-top: 100px; 
}
.hero-header h1 {
  font-size:2.5em;
  font-weight: 200;
  padding-top:150px
}
.feature .title {
  font-weight: 400 !important;
  color: #2c3e50;
  text-align: center;
}
.feature p {
  text-align: center; 
}
.feature-row p {
  text-align: left;
}
.img-shadow {
  -webkit-filter: drop-shadow(5px 5px 5px #aaa);
  filter: drop-shadow(5px 5px 5px #aaa);
}

.hero #image-container {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  background-size: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.hero #image-container .inner {
  display: block;
  height: 0;
  background: rgba(0, 0, 0, 0.4); /* black overlay */
}
.hero #image-container .inner.no-overlay {
  background: rgba(0, 0, 0, 0); /* no overlay */
}
.overlay {
  width: 100%;
  position: absolute;
  top: 35%;
  left: 40%;
  margin-top: -200px;
  margin-left: -480px;
}

.valign-wrapper {
  display: flex !important; 
  flex-direction: row;
}
.valign {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

section .section-title {
  font-size: 2.3rem;
  color: #565656; /*#3b97d3;*/
}
section .section-summary {
  font-size: 1.4rem;
  font-weight: 400 !important;
  color: #2c3e50;
}

.action-button {
  padding: 10px 12px;
  font-size: 16px;
}

ul.p0 {
  padding-left: 0px !important;
}
ul.p0 li {
  line-height: 30px !important;
  list-style-type: square !important;
  text-align: left;
}

@media (max-width:768px) {
  .main-title {
    padding-top: 20px;
  }

  .overlay {
    margin-top: -280px;
    margin-left: 20px;
    position: initial;
  }
  .overlay h1 {
    font-size: 1.5em !important;
  }

  .valign-wrapper {
    display: initial !important; 
    flex-direction: initial;
  }
  .valign {
    display: initial !important;
    align-items: initial;
    justify-content: initial;
  }

  .p2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p4 {
    padding: 5px;
  }
  .page-template-full-width-page .feature.left {
    padding-right: 32px;
  }
  .page-template-full-width-page .feature.right {
    padding-left: 32px;
  }

  .top-row {
    padding-top: 64px;
  }
  div#main-wrapper {
/*    padding: 0px; */
  }
  .feature p {
    text-align: left;
  }
}

.hero.gcl #image-container .inner {
  padding-top: 30.37%; /* height/width of image */
}
.hero.gcl #image-container { 
  background-image: url("/wp-content/uploads/2017/01/gluon-hero-2-cropped.jpg"); 
}

.hero.gm #image-container .inner {
  padding-top: 39.65%; /* height/width of image */
}
.hero.gm #image-container { 
  background-image: url("/wp-content/uploads/2017/02/mobile-hero.jpg"); 
}

.hero.home #image-container .inner {
  padding-top: 30.37%; /* 32.28%; */ /* height/width of image */
}
.hero.home #image-container { 
  background-image: url("/wp-content/uploads/2017/01/gluon-hero-3-cropped.jpg");
}

.hero.white-papers #image-container .inner {
  padding-top: 25.6%; /* height/width of image */
}
.hero.white-papers #image-container { 
  background-image: url("/wp-content/uploads/2017/03/whitepapers.jpg"); 
}

@media (max-width: 768px) {
  .hero-section {
    min-height: 200px;
  }
  .hero-section .overlay {
    margin-top: -170px;
  }

.page-template-default .container { 
    padding-left: 20px;
    padding-right: 20px;
}

}
@media (min-width: 768px) and (max-width: 1400px) { 
  .hero-section .overlay {
    padding-left: 20px;
    left: 0px;
    margin-left: 0px;
  }
}


/********************************
 *
 * 'People' page CSS (.page-id-106128)
 *
 ********************************/
.person {
  padding-bottom: 2em; 
}
.person-header,
.person-name,
.person-role,
.person-links {
  text-align: left;  
}
.page-id-106128 .section-header {
  margin-bottom: 2em;
}
.person-name,
.person-role {
  display: inline; 
}
.person-name {
  font-weight: bold !important; 
}
.person-links {
  display: inline;
  float: right;
  padding-left: 10px;
  margin-left: 0px;
  margin-top: 0px;
}
.person-links a {
  color: #0A6DB0;
}
.person-links a:hover {
  color: #0076df;
}
.page-id-106128 hr {
  width: 80%; 
  margin: 2em auto;
}

@media (max-width:768px) {
  .page-id-106128 .p4 {
    padding: 0px;
  }
  .page-id-106128 .col-9 {
    width: 95%;
  }

  .page-id-106128 #main-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }

  .person-header,
  .person-name,
  .person-role,
  .person-links {
    text-align: center;
  }
  .person-links {
    float: inherit;
    padding-top: 10px;
    display: inherit;
  }
  .person-header {
    padding-top: 20px;
  }
  .person-description {
    padding-left: 5px;
    padding-right: 5px;
  }
}


/********************************
 *
 * 'CloudLink' pages CSS (.page-id-73, 107550, 107561, 107558, 107569, 107534, 107565)
 * 'CloudLink roles' pages (.page-id-107637, 107641, 107642)
 * 'Gluon Mobile' page CSS (.page-id-32)
 *  Consulting page CSS (.page-id-37)
 *
 ********************************/

@media (max-width:768px) {
  .page-id-73 div#main-wrapper,
  .page-id-107550 div#main-wrapper,
  .page-id-107561 div#main-wrapper,
  .page-id-107558 div#main-wrapper,
  .page-id-107569 div#main-wrapper,
  .page-id-107565 div#main-wrapper,
  .page-id-107637 div#main-wrapper,
  .page-id-107641 div#main-wrapper,
  .page-id-107642 div#main-wrapper,
  .page-id-32 div#main-wrapper,
  .page-id-37 div#main-wrapper{
    padding: 0px;
  }
}


/********************************
 *
 * 'Get Started' page CSS (.page-id-107469)
 *
 ********************************/
.page-id-107469 .option img {
  max-height: 150px; 
}
.page-id-107469 .option .title {
  font-size: 1.75rem;
  text-align: center;
}
.page-id-107469 .option p {
  text-align: center;
}
.page-id-107469 .option .btn {
  margin-top: 10px;
  padding: 10px 12px;
  font-size: 16px;
  min-width: 200px;
}
.page-id-107469 .contact-us {
  text-align: center;
}
.page-id-107469 .contact-us h2 {
  font-size: 2rem;
  display: inline-block;
}
.page-id-107469 .contact-us a {
  padding: 10px 12px;
  font-size: 16px;
  margin-left: 20px;
  font-weight: normal;
}

@media (max-width:768px) {
  .page-id-107469 .hero-section {
    min-height: 200px;
  }
  .page-id-107469 .hero-section .overlay {
    margin-top: -170px;
  }
  .page-id-107469 div#main-wrapper {
    padding: 0px;
  }
}


/********************************
 *
 * 'GluonHQ home page' page CSS (.page-id-73329)
 *
 ********************************/
@media (max-width:768px) {
  .page-id-73329 .hero-section {
    min-height: 200px;
  }
  .page-id-73329 .hero-section .overlay {
    margin-top: -170px;
  }
  .page-id-73329 div#main-wrapper {
    padding: 0px;
  }
}


/********************************
 *
 * 'Samples' page CSS (.page-id-104178)
 *
 ********************************/
.page-id-104178 .sample-name {
  vertical-align: top; 
  font-weight: bold;
  padding-left: 5px;
}

.page-id-104178 .sample-description {
  vertical-align: top;
}

.page-id-104178 .sample-button {
  text-align: center;
  padding: 0px;
}

.page-id-104178 .sample-button a {
  width: 40px;
}

.page-id-104178 .sample-name-header {
  text-align: left;
  padding-left: 5px;
  padding-right: 5px;
}

.page-id-104178 .sample-button-header {
  text-align: center;
}

/* On higher-res, give columns more spacing */
@media (min-width:961px) {
  .page-id-104178 .sample-name-header {
    padding-left: 5px;
    padding-right: 25px;
    width: 150px;
  }
  
  .page-id-104178 .sample-button-header {
    width:120px;
  }
}


/********************************
 *
 * 'JavaOne 2016' page CSS (.page-id-106018)
 * 'Free Gluon Licenses' page CSS (.page-id-105120)
 *
 ********************************/
.page-id-106018 .summary,
.page-id-105120 .summary {
  text-align: center; 
}

.page-id-106018 .summary-btn,
.page-id-105120 .summary-btn {
  text-align: center; 
}



/********************************
 *
 * 'Charm Down' page CSS (.page-id-106262)
 *
 ********************************/
.page-id-106262 .services {
  width: 85%;
  margin-top: 20px;
  margin-bottom: 20px;  
}

.page-id-106262 .service {
  width: 20%; 
  padding-left: 6px;
  font-weight: 600;
}

.page-id-106262 .javadoc {
  width: 10%; 
  text-align: center;
  padding-right: 0px;
}


/********************************
 *
 * 'Gluon VM' page CSS (.page-id-105445)
 * 'Gluon Build' page CSS (.page-id-109100)
 *
 ********************************/
.page-id-105445 .top-row,
.page-id-109100 .top-row {
  padding-top: 32px;
}
.page-id-105445 .img-shadow,
.page-id-109100 .img-shadow {
  -webkit-filter: drop-shadow(2px 2px 2px #333);
  filter: drop-shadow(2px 2px 2px #333);
}

@media (min-width:768px) {
  .page-id-105445 .hero-section,
  .page-id-109100 .hero-section {
    background-image: url('/wp-content/uploads/2016/06/Inclined-abstract-lines-backgrounds-desktop-wallpaper-wallpapers.jpg') !important;
    background-size: 100% 100% !important; 
  }
}

@media (max-width:768px) {
  .page-id-105445 .top-row,
  .page-id-109100 .top-row {
    padding-top: 64px;
  }
  .page-id-105445 .hero-section,
  .page-id-109100 .hero-section {
    /* Specify graphic here, but actually this removes the !important above, meaning the graphic goes away */
    background-image: url('/wp-content/uploads/2016/06/Inclined-abstract-lines-backgrounds-desktop-wallpaper-wallpapers.jpg');
  }
  .page-id-105445 .feature-section-img,
  .page-id-109100 .feature-section-img {
    width: 420px;
  }
  .page-id-105445 div#main-wrapper,
  .page-id-109100 div#main-wrapper {
    padding: 0px;
  }
}



/********************************
 *
 * 'Services' page CSS (.page-id-12)
 * 'Support' page CSS (.page-id-23)
 * 'Training' page CSS (.page-id-39)
 * 'Gluon Myth Busting' page CSS (.page-id-105696)
 * 'Community Support' page CSS (.page-id-104808)
 *
 ********************************/
.btn-container {
  padding: 5px 0px 0px 0px; 
}
.big-button h2:hover,
.big-button p:hover {
  text-decoration: none;
}

@media (max-width:961px) {
/*
  .p2 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .p4 {
    padding: 0px;
  }
*/
  .col-9 {
    width: 95%;
  }

  .btn-container {
    text-align: left;
  }

  .page-id-12 #main-wrapper,
  .page-id-23 #main-wrapper,
  .page-id-105696 #main-wrapper,
  .page-id-39 #main-wrapper {
    padding-left: 0px;
    padding-right: 0px;
  }

}



/********************************
 *
 * 'Features' page CSS (.page-id-103243)
 *
 ********************************/
.page-id-103243 #sidebar.affix{
  position: fixed;
}
.page-id-103243 #sidebar li {
  list-style-type: none;
}

/* Make page wider than normal */
.page-id-103243 #main-wrapper {
  width: 80%;
}
.page-id-103243 #main-wrapper > .container,
.page-id-103243 #main-wrapper > .container .article-container,
.page-id-103243 #main-wrapper > .container .entry-content .container{
  width: 100%;
}
@media (min-width: 1200px) {
  .page-id-103243 #main-wrapper {
    width: 80%;
  }
}


/********************************************************
 *
 * End of Gluon 2.0 Styling
 * 
 ********************************************************/