/*

Theme Name: Kochava Support

Theme URI: http://kochavasupport.com

Author: Dustin Dempsey | Playforward

Author URI: http://playforward.net

Description: Kochava Support Theme

Version: 1.0

*/



* {

	font-family: "Gotham SSm A", "Gotham SSm B";

}



body, html {

	margin: 0;

	padding: 0;

	height: 100%; /* needed for container min-height */

	background: #fafbff;

	font-size: 16px; /* 13px */

	line-height: 1.75rem/* 16px */

}

p#sdk {
	opacity: .5;
}

#content * {

    word-wrap: break-word;

}



#wrap_main {

    max-width: 1600px;

    width: 100%;

    margin: 0 auto;

	background: #fafbff;

	font-size: .9375rem; /* 15px */

}

p {

    margin: 0 0 12px;

}



h2,

h3,

h4,

h5,

h6 {

	font-weight: 100;

	color: #454545;

	margin: 0 0 0 0;

}

 



h1 {

    font-size: 1.7rem;
    line-height: 2.3rem;
    font-weight: 200;
    color: #454545;
    margin: 39px 0 15px 0;
    padding: 0 0 10px 0;
    border-bottom: none;

}





h1#title_page {

	font-size: 3.0625rem; /* 49px */

	line-height: 3.0625rem; /* 49px */

	font-weight: 200;

	border-bottom: 0 solid #ccc;

	margin: 0 0 51px;

	padding: 0;

}


h1#title_page_inner {
	font-size: 3.0625rem; /* 49px */
	line-height: 3.0625rem; /* 49px */
	font-weight: 200;
	border-bottom: 0 solid #ccc;
	margin: 0 0 51px;
	padding: 0;
}



h2 {

    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 200;
    color: #454545;
    margin: 10px 0 5px 0;
    padding: 0 0 10px 0;

}


h2#class {
font-size: 0.8125rem;
font-weight: 300;
color: #9a9a9a;
margin: 10px 0 5px 0;
padding: 0 0 10px 0;
}



h3 {

     font-size: 0.8125rem; 
     line-height: 1.5rem;
     font-style: italic;
     color: #454545;
     margin: 10px 0px 30px 0px;

}

h4 {
	
    font-size: 1.00rem;
    line-height: 1.5rem;
    font-weight: 400;
    color: #454545;
    margin: 10px 0 5px 0;
    padding: 0 0 10px 0;

}





h5 {

        font-size:0.75rem;

        font-weight: 400;

        color: #b1b1b1;

        text-transform: uppercase;

        letter-spacing: 1px !important;

        padding: 20px 0 8px;

        border-bottom: 1px solid #ccc;

}





#aside h4 {

	margin: 0;

	font-size: 0.8125rem;

	line-height: 1.5625rem;

	font-weight: 400;

}



b, 

strong {

    font-weight: 500;

}



.border_left {

	border-left: 1px solid #000;

}



.border_right {

	border-right: 1px solid #000;

}



#header {

	border: 0;

	background-color: #231f20;

}



.admin-bar #header {

	margin-top: 32px;

}



#logo,

#logo img {

	max-height:100%;

	max-width:100%;

	height:106px;

}





#logo img {

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}



#nav_top {

	background: #454545;

	margin: 0 auto 15px;

	height: 41px;

	max-width: 1600px;

	display:block;

	float:none;

}



#toggle_menu,

#toggle_search {

	border-top: 3px solid #61a60e;

	height: 41px;

	width: 44px;

}



#toggle_menu {

	background: url(images/icon_menu.png) center center no-repeat;

}



.activated #toggle_menu {

	background: #5d5d5d url(images/icon_menu.png) center center no-repeat;

}



#toggle_search {

	background: url(images/icon_search2.png) center center no-repeat;

}



.activated #toggle_search {

	background: #5d5d5d url(images/icon_search2.png) center center no-repeat;

}



#wrap {

	padding-top: 162px;

	background: #e9e9e9;

	

	position: relative; 		/* needed for footer positioning*/

	min-height: 100%; 			/* real browsers */

	

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

}



#main {

    padding-bottom: 60px;

	padding-top:39px;

	position: relative; 		/* needed for footer positioning*/

	height: 100% !important; 	/* real browsers */

	min-height: 100%; 			/* real browsers */

}





#mobile_menu {

}

#mobile_menu,

#mobile_search {

    background: #eee;

    padding: 10px;

    text-align: center;

}

#mobile_menu select,

#mobile_search input {

    padding: 5px;

    width: 100%;

}

#mobile_search {

    margin: 0 0 20px;

}



#s {

	margin-bottom: 5px

}



.sidebar {

	display:none;

	width: 310px;

    position: absolute;

    top: 41px;

	background: #5d5d5d;

	padding: 24px 15px;

}



.pull-right .sidebar {

    right: 0;

}



.activated .sidebar {

	display:block;

}



.sidebar ul {

    list-style-type: none;

    padding: 0;

    margin: 15px -15px 0;

}



.sidebar ul ul {

    margin: 0 0;

}



.sidebar li {

    list-style-type: none;

    margin: 0;

    padding: 0;

	font-size: 0.8125rem;  /* .13px */

    font-weight: 300;

}



.sidebar a,

.sidebar li {

    color: #fff;

	width:100%;

	display:block;

}

.sidebar a {

    padding: 12px 15px;

	/*

	-webkit-transition: all .2s ease-in-out;

	-moz-transition: all .2s ease-in-out;

	-o-transition: all .2s ease-in-out;

	transition: all .2s ease-in-out;

	*/

}

.sidebar li:hover {

}

.sidebar a:hover {

	color: #b3b3b3;

	background: #5D5D5D;

}

.sidebar a:focus, 

.sidebar a:hover {

    text-decoration: none;

}



.dropdown-menu > .active > a, 

.dropdown-menu > .active > a:focus, 

.dropdown-menu > .active > a:hover {

    background-color: #696969;

}



.menu-item-has-children .nav_icon {

    position: relative;

    top: 1px;

    display: inline-block;

    font-family: 'Glyphicons Halflings';

    font-style: normal;

    font-weight: 400;

    line-height: 1;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

	float:right;

}

.menu-item-has-children .nav_icon {

	background: url(images/icon_down.png) center center no-repeat;

	width:13px;

	height:7px;

	top: 8px;

    /* content: "\e114"; */

}

.menu-item-has-children.open .nav_icon {

	background: url(images/icon_up.png) center center no-repeat;

	width:13px;

	height:7px;

	top: 8px;

    /* content: "\e079"; */

}



.dropdown-menu {

	position: relative;

	float:none;

	background-color: #696969;

	-webkit-box-shadow: none;

	box-shadow: none;

	border: 0;

}



.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {

    color: #262626;

    text-decoration: none;

    background-color: #4e4e4e;

}



.dropdown-menu a {

    padding: 12px 15px 12px 25px !important;

	color:#fff !important;

    overflow: hidden;

	text-overflow: ellipsis;

}



#content {

	color: #676767;

    font-weight: 300;

}



#content img {

	max-width: 100%;

}



#content_page {

	padding: 39px 37px;

	background:#fff;

	box-shadow: 2px 2px 9px -4px;

	line-height: 1.875rem;

}

#content_page a {

	color: #03b3e3;

}

#content_page span.declaration {opacity: .5;

	padding: 0;

	height: 100%; /* needed for container min-height */
       
        color: #676767;

	line-height: 1.75rem/* 16px */

}

#content_page span.symbol {opacity: .5;

	padding: 0;

	height: 100%; /* needed for container min-height */
       
        color: #705f57;

}

#crumbs {

	font-size: 0.8125rem; /* 13px */

	line-height:  1.8em; /* 28.8px */

	margin: 0 0 23px;

	color: #9a9a9a;

}



#crumbs a {

	color: #9a9a9a;

}



#crumbs strong a {

	color: #454545;

}



#title_page {

	margin-bottom: 40px;

}



#aside {

	margin: 11px 0 0;

	padding-bottom: 20px;

	position: relative;

}



#aside_bottom {

	margin: 15px 15px 0;

	padding-bottom: 15px;

	padding-top: 20px;

    background: #fff;

    border: 1px solid #ebebeb;

	box-shadow: 2px 2px 9px -4px;

}



#nav_markers {

	position: relative;

}



#nav_related {

	position: relative;

}



#scroll_with_page {

	position: relative;

}



#aside ul,

#aside li,

#aside ul,

#aside li {

	list-style-type: none;

	margin: 0;

	padding: 0;

	font-size: 0.8125rem;

	line-height: 1.75rem;

	font-weight: 400;

}

#aside li {

	color: #03b3e3;

	cursor: pointer;

	padding: 0;

}

#aside ul {

	padding: 0 0 30px;

}



#aside li a {

	color: #03b3e3;

}



#aside li:hover {

	text-decoration: underline;

}



#footer {

	background: #e9e9e9;

	border-top: 1px solid #fff;

	margin-bottom: 0;

}



.footer_block {

	display: inline-block;

	line-height: 48px;

}



.footer_block ul {

    list-style-type: none;

    padding: 0;

    margin: 0;

}



.footer_block li {

    list-style-type: none;

    padding: 0;

    margin:  0 25px 0 0;

	display: inline-block;

}



.footer_block,

.footer_block a {

	color: #515e64;

	font-size: 0.6875rem; /* 11px */

}



#nav_markers_mini {

	height:30px;

	width:30px;

	position: fixed;

	bottom:20px;

	right:20px;

	opacity:0;

	padding: 10px;

	z-index: 9999;

}



#nav_markers_click i:before {

    width: 30px;

	text-align:center;

	line-height: 30px;

	display:block;

	color:#fff;

}



#nav_markers_click {

	height:30px;

	width:30px;

	position: fixed;

	bottom:20px;

	right:20px;

	background: #000;

	z-index: 9999;

}



.navigation {

	margin: 20px 0

}



.wp-paginate .current {

    background: #000 !important;

    border: 1px solid #999 !important;

}



.nopadding {

	padding: 0;

}



.row {

  display: -webkit-box;

  display: -webkit-flex;

  display: -ms-flexbox;

  display:         flex;

}



.height100 {

	min-height: 100%;

}





body.shrink #logo img {

	height: 60px;

}



body.shrink #wrap {

	padding-top: 119px;

}



.sidebar .searchform {

	position:relative;

}

.sidebar .searchform #searchsubmit1,

.sidebar .searchform #searchsubmit2 {

	background-color: transparent;

    background: url(images/icon_search.png) center center no-repeat;

	height: 35px; 

	width: 35px;

	border: 0;

	padding: 0;

	margin: 0;

	position:absolute;

	top: 0;

	right: 0;

}

.searchform.loading #searchsubmit1,

.searchform.loading #searchsubmit2 {

    background: url(images/icon_loading.gif) center center no-repeat;

}



.sidebar .searchform input {

    height: 35px;

	width:100%;

	line-height:35px;

    border-radius: 0 !important;

    padding: 0 15px;

    border: 1px solid #cccccc;

    color: #666;

}



#searchbox #wpls--input {

    height: 35px;

	width:100%;

	line-height:35px;

    border-radius: 0 !important;

    padding: 0 15px;

    background: #fff url(images/icon_search.png) center right 20px no-repeat;

    border: 1px solid #cccccc;

    color: #666;

}

#wpls--clear-search {

	height:20px;

	width:20px;

    background: url(images/icon_x.png) center center no-repeat;

    top: 8px !important;

    right: 19px !important;

}

.dashicons-dismiss:before {

    content: "" !important;

}



::-webkit-input-placeholder {

   color: #666;

}



:-moz-placeholder { /* Firefox 18- */

   color: #666;  

}



::-moz-placeholder {  /* Firefox 19+ */

   color: #666;  

}



:-ms-input-placeholder {  

   color: #666;  

}



#wpls--loading {

	right:19px;

	top: -2px;

}



#searchresults {

	list-style-type:none;

	display:none;

	padding: 20px;

	margin: 0 0 0 -30px;

	background: #f0f0f0;

}





.search_result {

	margin: 20px 0 0;

}



#menu-main-menu.overflow {

	overflow-y: scroll;

}



 #menu-main-menu::-webkit-scrollbar {

  width: 9px;

  height: 9px;

}

#menu-main-menu::-webkit-scrollbar-button {

  width: 9px;

  height: 9px;

}

#menu-main-menu::-webkit-scrollbar-thumb {

  background: #e1e1e1;

  border: 0 none #ffffff;

  border-radius: 50px;

}

#menu-main-menu::-webkit-scrollbar-thumb:hover {

  background: #ffffff;

}

#menu-main-menu::-webkit-scrollbar-thumb:active {

  background: #000000;

}

#menu-main-menu::-webkit-scrollbar-track {

  background: #666666;

  border: 0 none #ffffff;

  border-radius: 85px;

}

#menu-main-menu::-webkit-scrollbar-track:hover {

  background: #666666;

}

#menu-main-menu::-webkit-scrollbar-track:active {

  background: #333333;

}

#menu-main-menu::-webkit-scrollbar-corner {

  background: transparent;

}

.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.fade-in {

	opacity:0;  /* make things invisible upon start */

	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */

	-moz-animation:fadeIn ease-in 1;

	animation:fadeIn ease-in 1;

 

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/

	-moz-animation-fill-mode:forwards;

	animation-fill-mode:forwards;

 

	-webkit-animation-duration:1s;

	-moz-animation-duration:1s;

	animation-duration:1s;

}

@keyframes fadeIn {

    from { opacity: 0; }

    to   { opacity: 1; }

}



@media (max-width: 768px) {



	#logo,

	#logo img {

		height: 75px;

	}

	

	#nav_markers {

		float: none;

		margin: 0 0 20px;

	}

	

	#wrap {

		height:auto !important;

	}

	

	#wrap {

		padding-top: 75px;

	}

	

	#content {

		padding-bottom: 0;

	}

	

	.admin-bar #header {

		margin-top: 0;

	}

	

	#footer {

	    position: relative;

	}

}



@media screen and (max-width: 600px) {

table {width:100%;}

thead {display: none;}

tr:nth-of-type(2n) {background-color: inherit;}

tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}

tbody td {display: block;  text-align:left;}

tbody td:before { 

    content: attr(data-th); 

    display: block;

    text-align:left;

  }

}

.crayon-nums {display:none}

.faa-bug {
    background-color: #454545;
    width: 109.7%;
    margin: -37px 0 37px -37px;
}
.faa-bug p {
    font-size: 13px;
    color: #FFFFFF;
    padding: 30px 60px
}

.faa-bug a {
    color: #00b3e3;
    text-decoration: none;
}
@media screen and (max-width: 1024px) {
    .faa-bug {
        width: 112.2%;
    }
}
@media screen and (max-width: 600px) {
    .faa-bug {
        width: 114.2%;
    }
}
@media screen and (max-width: 400px) {
    .faa-bug {
        width: 126.2%;
    }
}
.left {
    float: left !important
}
.icon {
    height: 2.75rem;
    width: 2.25rem;
    background-position: 50% 50%;
    cursor: pointer;
}
.icon-lock-closed-ash {
    width: 18px;
    height: 18px;
    margin: 4px 0 0 -24px;
}

bestpractice{
  display:block;
  background: #fafbff;
  padding: 15px 25px 15px 25px;
  margin: 0 0 20px;
  position: relative;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #61a60b;
  border-right: 2px solid #61a60b;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

bestpractice::before{

  
  /*Font*/

  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

bestpractice::after{
  /*Reset to make sure*/
  content: "";
}

warning{
  display:block;
  background: #fafbff;
  padding: 15px 25px 15px 25px;
  margin: 0 0 20px;
  position: relative;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #d53148;
  border-right: 2px solid #d53148;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

warning::before{

  
  /*Font*/

  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

warning::after{
  /*Reset to make sure*/
  content: "";
}

faanote{
  display:block;
  background: #fafbff;
  padding: 15px 25px 15px 25px;
  margin: 0 0 20px;
  position: relative;
  
  /*Borders - (Optional)*/
  border-left: 15px solid #d53148;
  border-right: 2px solid #d53148;
  
  /*Box Shadow - (Optional)*/
  -moz-box-shadow: 2px 2px 15px #ccc;
  -webkit-box-shadow: 2px 2px 15px #ccc;
  box-shadow: 2px 2px 15px #ccc;
}

faanote::before{

  
  /*Font*/

  font-size: 60px;
  font-weight: bold;
  color: #999;
  
  /*Positioning*/
  position: absolute;
  left: 10px;
  top:5px;
}

faanote::after{
  /*Reset to make sure*/
  content: "";
}

tvos{
    display:block;
    background: #fafbff;
    padding: 15px 25px 15px 25px;
    margin: 0 0 20px;
    position: relative;

    /*Borders - (Optional)*/
    border-left: 15px solid #8524c1;
    border-right: 2px solid #8524c1;

    /*Box Shadow - (Optional)*/
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
}

tvos::before{


    /*Font*/

    font-size: 60px;
    font-weight: bold;
    color: #999;

    /*Positioning*/
    position: absolute;
    left: 10px;
    top:5px;
}

tvos::after{
    /*Reset to make sure*/
    content: "";
}


span.ithoughts_tooltip_glossary-glossary > a, span.ithoughts_tooltip_glossary-tooltip > a, span.ithoughts_tooltip_glossary-mediatip > a, span.ithoughts_tooltip_glossary-glossary > a:hover, span.ithoughts_tooltip_glossary-tooltip > a:hover, span.ithoughts_tooltip_glossary-mediatip > a:hover, span.ithoughts_tooltip_glossary-glossary > a:visited, span.ithoughts_tooltip_glossary-tooltip > a:visited, span.ithoughts_tooltip_glossary-mediatip > a:visited, span.ithoughts_tooltip_glossary-glossary > a:active, span.ithoughts_tooltip_glossary-tooltip > a:active, span.ithoughts_tooltip_glossary-mediatip > a:active {
    text-decoration: none !important;
    box-shadow: none;
}


hr {
border-top: 1px solid #ccc; margin-top: 60px; margin-bottom: 60px;}


notebox {
    display:block;
    background: #fafbff;
    padding: 15px 25px 15px 25px;
    margin: 0 0 20px;
    position: relative;

    /*Box Shadow - (Optional)*/
    -moz-box-shadow: 2px 2px 15px #ccc;
    -webkit-box-shadow: 2px 2px 15px #ccc;
    box-shadow: 2px 2px 15px #ccc;
}
notebox::before{
    /*Font*/
    font-size: 60px;
    font-weight: bold;
    color: #999;

    /*Positioning*/
    position: absolute;
    left: 10px;
    top:5px;
}

notebox::after{
    /*Reset to make sure*/
    content: "";
}

.light-green-borders {
    border-left: 15px solid #61a60b;
    border-right: 2px solid #61a60b;
}
.light-green-text {
    color: #61a60b
}

.red-borders {
    border-left: 15px solid #d53148;
    border-right: 2px solid #d53148;
}
.red-text {
    color: #d53148
}

.purple-borders {
    border-left: 15px solid #8524c1;
    border-right: 2px solid #8524c1;
}
.purple-text {
    color: #8524c1
}
.yellow-borders {
    border-left: 15px solid #f9d51f;
    border-right: 2px solid #f9d51f;
}
.yellow-text {
    color: #f9d51f
}
.blue-borders {
    border-left: 15px solid #0082fb;
    border-right: 2px solid #0082fb;
}
.blue-text {
    color: #0082fb
}
.orange-borders {
    border-left: 15px solid #ff6503;
    border-right: 2px solid #ff6503;
}
.orange-text {
    color: #ff6503
}

.responsive-iframe {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 35px;
  height: 0;
  overflow: hidden;
}
 
.responsive-iframe iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*Table with 45 Degree Rotated Header*/
.table-header-rotated th.rotate-45{
  height: 160px;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
  position: relative;
  vertical-align: bottom;
  padding: 0px;
  font-size: 12px;
  line-height: 0.8;
}

.table-header-rotated th.rotate-45 > div{
  position: relative;
  top: 0px;
  left: -80px; /* 80 * tan(45) / 2 = 40 where 80 is the height on the cell and 45 is the transform angle*/
  height: 100%;
  -ms-transform:skew(45deg,0deg);
  -moz-transform:skew(45deg,0deg);
  -webkit-transform:skew(45deg,0deg);
  -o-transform:skew(45deg,0deg);
  transform:skew(45deg,0deg);
  overflow: hidden;

}

.table-header-rotated th.rotate-45 span {
  -ms-transform:skew(-45deg,0deg) rotate(45deg);
  -moz-transform:skew(-45deg,0deg) rotate(45deg);
  -webkit-transform:skew(-45deg,0deg) rotate(45deg);
  -o-transform:skew(-45deg,0deg) rotate(45deg);
  transform:skew(-45deg,0deg) rotate(45deg);
  position: absolute;
  bottom: 120px; /* 40 cos(45) = 28 with an additional 2px margin*/
  left: -25px; /*Because it looked good, but there is probably a mathematical link here as well*/
  display: inline-block;
  width: 100%;
  width: 85px; /* 80 / cos(45) - 40 cos (45) = 85 where 80 is the height of the cell, 40 the width of the cell and 45 the transform angle*/
  text-align: left;
  white-space: nowrap; /*whether to display in one line or not*/
}
  
.table-striped-column > thead > tr th:nth-of-type(even) div {
    background-color: #eee;
}

.table-striped-column > tbody > tr td:nth-of-type(even) {
    background-color: #eee;
}

/*Call to Action Pages*/
label {
  font-weight: 300;
  margin-top: 10px;
}

select,
input[type=“color”][list] {
  background-color: #fff;
  border-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-width: 1px;
  border-style: solid;
  border-color: #f0f0f0;
  border-image: initial;
  padding: 1px;
  height: 36px;
}

input[type=“submit”] {padding: 10px !important; background-color: #61a60e; color: #fff; margin: 10px 0px;}

button, select {width: 100%;}

.input[type=“text”] {width: 100%;}

.input[type=“submit”] {width: 100%; background-color: #61a60e; color: #fff; padding: 10px 0px;}