/*
Theme Name: _cyberSense2019
Author: CybersenseTech2019
Description: Hi, I am the ultra minimal starter theme _cyberSense2019, ready for your next awesome WordPress project! I am the most seamless and minimalistic integration of Twitter Bootstrap Framework into the _s starter theme from Automattic, the guys behind WordPress. You can find me on GitHub. Fork me! I'm waiting for you ;)
Version: 1.1.10
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: gray, light, two-columns, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, sticky-post,  theme-options, threaded-comments, translation-ready
*/

body {
  font-family: 'Open Sans', sans-serif;
  color: #4c4c4c;
  font-size: 1.4rem;
  font-style: normal;
  font-weight:400;
  letter-spacing: 0.24px;
  text-rendering: optimizeLegibility;
	word-wrap: break-word;}

  p {text-align: justify;}

header#masthead {position: fixed; 
z-index: 8000;
top: 0;
width: 100%;
padding-top: 20px;
background: none !important;
/*background-color: rgba(0,0,0,.5)!important;*/
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;}

header#masthead.stickyHeader {height: 108px;background: #fff!important; box-shadow: 0 8px 6px -6px black;}
header#masthead.stickyHeader1 {height: 86px;background: #fff!important; box-shadow: 0 8px 6px -6px black;}
header#masthead.stickyHeader > .navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {color: #4c4c4c;}


#top-banner {width: 100%;float: left;overflow: hidden; top: 0px;  }

h1,h2, h3, h4, h5, h6 {font-family: 'Nunito', sans-serif; }
h5 {font-size: 16px;}
p  {font-size: 1.4rem;}
/* Alignment */
.alignleft {display: inline;float: left;margin-right: 1.5em;}
.alignright {display: inline;float: right;margin-left: 1.5em;}
.aligncenter {clear: both;display: block;margin: 0 auto;}

/* Images and wp-captions should always fit and be responsive */
img {display: inline-block;height: auto;max-width: 100%;}
img[class*="wp-image-"] {margin-top: 10px;margin-bottom: 10px;}
.wp-caption {border: 1px solid #ccc;margin-bottom: 10px;max-width: 100%;border-radius: 4px;padding: 0 10px;}
.wp-caption.aligncenter {margin-bottom: 10px;}
.wp-caption img[class*="wp-image-"] {display: block;}
.wp-caption .wp-caption-text {text-align: center;margin-top: 10px;}

/* WP Gallery */
.gallery {margin-bottom: 1.5em;}
.gallery a img {border: none;height: auto;max-width: 90%;}
.gallery dd {margin: 0;}
.gallery-caption {display: block;}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {max-width: 100%;}

/* Text meant only for screen readers */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */}

/*logo sizing*/
.logoSize, .logoSize2{ width: 165px; height: auto; margin-left: 20px;}
.hide {display: none;}
.logoSize2{ width: 150px; margin-top: -20px;  }
/* Content */
.main-content-inner {padding-bottom: 1.5em;}
.hentry {margin: 0 0 1.5em;}
.sticky {display: block;}
.bypostauthor {display: block;}


/* Clearing */
.clear {clear: both;}

/* Navigation */
.topNavigation {position: relative; z-index: 11000!important;clear:both;float: right; margin-right:30px; margin-bottom: 12px; margin-top: 3%;}
.topNavigation {font-family:'Nunito', sans-serif; font-weight: 600; font-size: 1.10em;}
.topNavigation ul {text-decoration-style: none; list-style: none; margin-bottom: 0px;}
.topNavigation ul li {display: inline; border: 1px solid #4169e1; margin-right: 30px; }
.topNavigation ul li a:link, .topNavigation ul li a:visited  {color: #fff; text-shadow: 0px 4px 3px rgba(0,0,0,0.6),
             0px 8px 13px rgba(0,0,0,0.2),
             0px 18px 23px rgba(0,0,0,0.2); /*padding: 5px 6px; */padding: 12px 26px; }
.topNavigationGrey ul li a:link, .topNavigationGrey ul li a:visited {color: #666; text-shadow: none;}
.topNavigation ul li a:hover  {color: #4169e1;  }
.topNavigation ul li a:active  {color: #fff; text-shadow: 0px 4px 3px rgba(0,0,0,0.6),
             0px 8px 13px rgba(0,0,0,0.2),
             0px 18px 23px rgba(0,0,0,0.2); /*padding: 5px 6px; */padding: 12px 26px; }
.topNavigationGrey ul li a:active {color: #666; text-shadow: none;}

.site-navigation {position: relative; z-index: 10000;}
.navScrollTopMargin { margin-top: 1%;}

.navbar-default {background-color: transparent!important;border-color: transparent!important;}


/*.navbar-default .navbar-nav > li > a, .navbar-default .navbar-text {color: #fff;}*/
.whiteColor > li {background-color: rgba(0,0,0,.25)!important;}
.whiteColor > li > a {color: #fff!important;}
.whiteColor.fontColorGrey > li {background-color: rgba(255,255,255,.25)!important;}
.fontColorGrey > li > a {color:#666666!important;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #fff;background-color: transparent; text-decoration: underline;}

.navbar-nav > li > a {padding: 8px 10px;}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {display: block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:active>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #4169e1; background-color: transparent; border: 1px solid #4169e1;} 

.dropdown-menu > .active > a,  .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #4169e1;
    outline: 0;}
.dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:visited  {
    background-color: transparent!important;
  }
.dropdown-menu li a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #4169e1!important;
    background-image: none; /*this is very very imp coz combined css loads a gradient blue image also*/
    outline: 0;}

.navbar-collapse {padding-left: 0px !important; padding-right: 0px !important; /*background-color: #ff9900;*/}
.navbar-collapse.navbar-nav {float: none!important; }

.navbar-toggle {background-color: #ededed;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #555 !important;background-color:#e7e7e7;}

.bottom-icon {position: fixed; left: 0; right: 0; text-align: center; bottom: 20px;}

.widget { margin-bottom: 2em; }
.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li { padding-left: 15px; }

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] { display: none; }

/* Make sure select elements fit in widgets */
.widget select {max-width: 100%;}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
 .comment .children { margin-left: 1.5em; }

/**
* Some WP Theme Repository requirements
*/
.sticky {}
.gallery-caption {
}
.bypostauthor {
}
.entry-meta {clear: both;}

/* styles for _cyberSense2019_pagination und _cyberSense2019_link_pages */
nav form.tk-page-nav,
nav .input-group,
nav .input-group-btn,
nav .form-control {
    display: inline;
}

#toTop {display: block; position: fixed; bottom: 0%; right: 0; padding: 10px; font-size: 16px;font-weight: bold; color: #a09e91;}

/*blinking effect*/
@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
} 
.blink-image {
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
    animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
}

.margin-top-huge  {margin-top: 5.4rem;}
.margin-bottom-huge  {margin-bottom: 5.4rem;}

.profile {padding-top: 20px;}
.profile .img-box {opacity: 1;display: block;position: relative;}

p.paragraph-margin-top {
    margin-top: -10px !important;
    padding-left: 3px;
}

.wide-white-background, .wide-grey-background {
  background-color: #fff;position: relative;display: inline-block;width: 100%;
  padding: 18px 10px;}
.wide-grey-background {background-color: #eaeaea;  padding: 18px 0px;}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
   /* margin-top: 50px;
    margin-bottom: 50px;*/}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}
.tabs-box {width: 100%; padding: 10px;/*margin-top: 18%;*/ margin-top: 6%;}
.tab-button {margin-bottom: 2px;}
.tab-button a {padding: 18px 25px; display: block;  color: #666;background-color: #ebebeb; width: 100%; border-radius:5px;}
.tab-button a.backgroundColorOnGrey {background-color: #fff; color: #666;}
.tab-button a.activeColor {background-color: #4169e1; color: #fff;}
.tab-button a:hover {background-color: #4169e1; color: #fff;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 6px;
    line-height: 1;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

/**/
/*.panel-default > .panel-heading {color: #fff;background-color: #4169e1;border-color: #ddd;}*/
.btn-default {
    color: #fff;
    background-color: #4169e1;
    border-color: #ccc;
}

.btn-default1 {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default1:hover {color: #fff;
    background-color: #4169e1;
    border-color: #ccc;}

.panel-default > .panel-heading {
    color: #4c4c4c;
    background-color: transparent;
    border-color: #4169e1;
}

.textPaddingLeft {padding-left:2%;}
.colorAce {color: /*#4169e1;*/ #4169e1; }

/*for img zoom effect on hover*/
.table {display: table;height: 100%;width: 100%; /*for venue gallery etc removing default margin bottom*/ margin-bottom: 0px;}
.table-cell {display: table-cell;vertical-align: middle;height: 100%;width: 100%;}
.table-cell img {
    -webkit-transition: 1s ease;
    -moz-transition: 1s ease;
    -ms-transition: 2s ease-out;
    -o-transition: 1s ease;
    transition: 1s ease;
}
.table-cell:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25,1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}

.project-name {
    position: absolute;
    color: #fff;
    text-shadow: -2px 1px 2px #666;
    z-index: 4000;
    width: 240px;
    height: 60px;
    top: 30%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}


#footer {
  background: #000;
  padding: 0 0 30px 0;
  color: #eee;
  font-size: 14px;
}

#footer .footer-top {
  background: #111;
  padding: 60px 0 30px 0;
}

#footer .footer-top .footer-info {
  margin-bottom: 30px;
}

#footer .footer-top .footer-info h3 {
  font-size: 34px;
  margin: 0 0 20px 0;
  padding: 2px 0 2px 10px;
  line-height: 1;
  letter-spacing: 3px;
  border-left: 4px solid #4169e1;
}

#footer .footer-top .footer-info p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  color: #eee;
}

.social-links a {
  font-size: 18px;
  display: inline-block;
  background: #4169e1;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

.social-links a:hover {
  background: #333;
  color: #fff;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #4169e1;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #333;
  color: #fff;
}

#footer .footer-top h4 {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 12px;
}

#footer .footer-top h4::before, #footer .footer-top h4::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}

#footer .footer-top h4::before {
  right: 0;
  background: #555;
}

#footer .footer-top h4::after {
  background: #4169e1;
  width: 60px;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 8px;
  color: #ddd;
}

#footer .footer-top .footer-links ul li {
  border-bottom: 1px solid #333;
  padding: 10px 0;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #eee;
}

#footer .footer-top .footer-links ul a:hover {
  color: #4169e1;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact p {
  line-height: 26px;
}

#footer .footer-top .footer-newsletter {
  margin-bottom: 30px;
}

#footer .footer-top .footer-newsletter input[type="email"] {
  border: 0;
  padding: 6px 8px;
  width: 65%;
}

#footer .footer-top .footer-newsletter input[type="submit"] {
  background: #4169e1;
  border: 0;
  width: 35%;
  padding: 6px 0;
  text-align: center;
  color: #fff;
  transition: 0.3s;
  cursor: pointer;
}

#footer .footer-top .footer-newsletter input[type="submit"]:hover {
  background: #4169e1;
}

#footer .copyright {
  text-align: center;
  padding-top: 30px;
}






/* Custom, iPhone Retina */
  @media only screen and (min-width : 320px){
    header#masthead {padding-top: 0px;}
   .logoSize, .logoSize2{ width: 105px!important; height: auto; margin-left: 5px; }


    .widthGrid1, .widthGrid2 {width: 100%; padding-left: 0px; padding-right: 0px; overflow: hidden;}
    .gridmarginLeft {margin-left: 5px; }
    .gridmarginRight {margin-right: 5px;}

.topNavigation { margin-right:30px; margin-bottom: 12px; margin-top: 0px;}
.topNavigation ul li { margin-right: 2px; }
.topNavigation ul li a:link, .topNavigation ul li a:visited  {padding: 10px 2px; }

.topNavigation ul li a:active  {padding: 10px 2px; }
.navbar-nav {float: none!important; margin: 7.5px;}

.whiteColor > li {background-color: rgba(0,0,0,.75)!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #fff;}

  }
 
  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px){


  }
 
  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px){

  /*FOR ACTIVATING HOVER EFFECT ON BOOTSTRAP MENUs*/
  /*Making sure this hover only works on devices bigger than ipad etc*/
  .dropdown:hover .dropdown-menu {display: block;}}
 
  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px){
  header#masthead {padding-top: 18px;}
  .logoSize, .logoSize2{ width: 165px!important; height: auto; margin-left: 20px; }
    .widthGrid1 {width: 29%;}
    .widthGRid2 {width: 40.4%; padding-left: 1px;/*background-color: #ff9900;*/ overflow: hidden; }

.navbar-nav {float: right!important; }
    .whiteColor > li {background-color: rgba(0,0,0,.25)!important;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {color: #777;}

.topNavigation {clear:both;float: right; margin-right:30px; margin-bottom: 12px; margin-top: 3%;}
.navScrollTopMargin { margin-top: 1%!important;}
.topNavigation ul li { margin-right: 30px; }
.topNavigation ul li a:link, .topNavigation ul li a:visited  {padding: 12px 26px; }
.topNavigation ul li a:active  {padding: 12px 26px; }
    
  }
 
  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px){


}

/*Xtra wide*/
  @media only screen and (min-width : 1370px){

  
    }
@media only screen and (min-width : 1470px){
  header#masthead {padding-top: 16px;}
  .topNavigation {margin-top: 1%;}
 }

@media only screen and (min-width : 1570px){

 }