/*
Theme Name: Satellite7 Child
Theme URI: http://demo.qodeinteractive.com/satellite/
Description: A child theme of Satellite7 Theme
Author: Qode Interactive
Author URI: http://www.qodeinteractive.com/
Version: 1.0.0
Template: satellite
*/
@import url("../satellite/style.css");

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* Footer text size copyright */
.footer_bottom {
font-size: .85em;
}
/* Footer height copyright */
.footer_bottom_holder, .footer_bottom .textwidget {
height: 60px;
padding-bottom: 2px;
}
/* Footer height social icons */
.footer_top .footer_top_holder .footer_top .container .container_inner .three_columns.clearfix  {
height: 60px;
}
/* Footer seperator colour */
footer {
border-color: #FFFFFF;
}
/* ---------------------------------------------------------------------------------------------- */
/*Social Icon Header text Footer*/
.footer_top .column_inner>div h5 {
font-size: 13px;
text-align: center;
margin: 0 0 1px 0;
}
/* Footer top padding*/
.footer_top {
padding: 0px 0 0px 0;
}
/* Footer top center text (not shown but if it was) */
.footer_top .column_inner .widget.mla_text_widget{
text-align: center;
}
/* Footer top column padding*/
.footer_top .column_inner>div {
margin: 0 0 1px;
}
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*turn off mobile menu*/
.mobile_menu_button {
display: none;
}

/*change the arrow for the mobile menu to up and down arrows*/
nav.mobile_menu ul>li.has_sub>a span.mobile_arrow {
background-image: url(http://ja-workshop.com/wp/wp-content/uploads/2014/05/arrow-down-black16x16.png);
}

nav.mobile_menu ul>li.has_sub.open_sub>a span.mobile_arrow {
background-image: url(http://ja-workshop.com/wp/wp-content/uploads/2014/05/arrow-up-black16x16.png);
}


/* Makes mobile menu height a particular height*/
@media only screen and (max-width: 1000px){
header, .header_inner_left {
position: fixed;
height: 60px;
}
}

/* Centers logo within Mobile header*/
@media only screen and (max-width: 1000px){
.side_menu_button {
height: 0px!important;
}
}
@media only screen and (max-width: 1000px) {
.logo {
    position: absolute;
    width: 300px;
    top: 8px;
}
.logo a {
    height: auto !important;
}
.logo img {
    width: 50% !important;
margin-left:50px;
}
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/* Turns off the menu from all pages apart from front page in normal and mobile states (WAS84)*/
.single header #nav-menu-item-1547 {
   display: none;
}
.single header #mobile-menu-item-1547 {
   display: none;
}

/* Turns off the JA-W return menu from front page in normal and mobile states */
body.page-id-1250 #nav-menu-item-1427 {
   display: none;
}
body.page-id-1250 #mobile-menu-item-1427 {
   display: none;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* 404 PAGE*/
/* Turns off the JA-W return menu from front page in normal and mobile states */
body.error404 #nav-menu-item-1427 {
   display: none;
}
body.error404 #mobile-menu-item-1427 {
   display: none;
}
body.error404 #nav-menu-item-1547 {
   display: none;
}
body.error404 #mobile-menu-item-1547 {
   display: none;
}
body.error404 .button{
background-color: #ffffff;
color: #000;
height: 35px;
line-height: 35px;
border: thin;
border-style: solid;
border-color: #B0B0B0;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*MOBILE MENU*/
/*Colour and weight of text when category is not selected*/
.filter_holder ul li span {
color: #C8C8C8  ;
font-size: 13px;
}

/*Colour and weight of text when category is selected*/
.filter_holder ul li.active span {
color: #000000;
font-size: 13px;
font-weight: 400;
}
/*Space below menu*/

.filter_holder {
margin-bottom: 30px;
}

/*Active menu style*/
.filter_holder ul li.active {
background-color: #FFFFFF;
border-width: thin;
}
/*Border style of end menu item*/
.filter_holder ul li:last-child {
border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
}
/*Border style of start menu item*/
.filter_holder ul li:first-child {
border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
-o-border-radius: 0px 0px 0px 0px;
}
/*make projects filter into buttons with gaps*/
.filter_holder ul li:nth-child(n) {
border-right-width: thin;
margin: 1px 1px 1px 1px;
}
/*make projects filter into buttons with gaps*/
.filter_holder ul li {
border: 1px solid #EBEBEB;
}

/*make the menu centered and align text vertically*/
.filter_holder ul li {
display: inline-block;
float: none;
vertical-align: middle;
}

.filter_holder ul li {
position: relative;
height: 23px;
line-height: 23px;
padding: 0 30px;
cursor: pointer;
overflow: hidden;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*PORTFOLIO LIST*/
/* Project grid alter hover colour*/
.projects_holder article span.text_holder, .portfolio_gallery .image_hover {
	background-color: rgba(255, 255, 255, 0.6);
}

/* ---------------------------------------------------------------------------------------------- */
/*Project grid with text below image*/

/*Project grid SUBtitle colours for border and background*/
.projects_holder>.mix, .animation_content.start .projects_holder>.mix {
background-color: #ffffff;
/*border:1px solid #d9d9d9;*/
}

.projects_holder article .image_holder {
/*border-bottom: 1px solid #d9d9d9;*/
}

/* project grid title text colour and size */
.portfolio_description h5 a {
font-size: 13px;
color: #202020;
}
.projects_holder article .portfolio_description h5 {
margin: 10px 0 15px;
padding: 0 0px 0 0;
text-align: center;
}

/* project grid sub title turn off */
.projects_holder article .portfolio_description h6 {
display: none;
}
/* portfolio heart like turn off */
.portfolio_like {
display: none;
}

/* ---------------------------------------------------------------------------------------------- */

/*make all portfolio images big clickable buttons */
.projects_holder article a.preview {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-decoration: none; /* No underlines on the link */
    z-index: 10; /* Places the link above everything else in the div */
    background-color: #FFF; /* Fix to make div clickable in IE */
    opacity: 0; /* Fix to make div clickable in IExplorer */
    filter: alpha(opacity=1); /* Fix to make div clickable in IExplorer */
}
.projects_holder article:hover a.preview {
opacity: 0;
filter: alpha(opacity=100);
}

/* ---------------------------------------------------------------------------------------------- */

/*GRID layout for the projects grid*/
/*makes grid center aligned*/
.projects_holder {
text-align: center;
}
/*turns off filler boxes for grid*/
.projects_holder.v5 .filler {
display: none;
}
/*small margin for each project button*/
.projects_holder.v5 .mix {
margin: 0 0.5% 2% .5% !important; 
}
/*ensures we get 3 spaced across*/
.projects_holder {
margin-left: 1% !important;
margin-right: 1% !important;
}
/*TEMPORARY size for 3 projects*/
@media only screen and (max-width: 9000px) and (min-width: 991px){
.projects_holder.v5 .mix {
width: 31.50%;
}
}

/* ---------------------------------------------------------------------------------------------- */
/*
/* Text over portfolio settings Not required if the other portfolio is used */
/* Turns off link and heart for portfolio*/ 
.projects_holder.hover_text article .portfolio_like {
display: none;
}
/* Portfolio Text Colour adjustment */
.projects_holder.hover_text article h6 {
color: #202020;
}
.projects_holder.hover_text article h5 a {
color:  #202020 ;
}
*/

/*@media only screen and (max-width: 480px){.filter_holder ul li {padding: 0 6px;font-size: 13px;}}*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */

/*PORTFOLIO PAGES*/
/*Portfolio General Layout*/
/*portfolio image bottom spacing and full width*/
.portfolio_single .portfolio_images img {
margin: 0 0 0px 0;
width: 100%;
}
.portfolio_single .aligncenter {
display: block;
margin: 0px auto;
}
/*
/*portfolio container spacing full width*/
.container_inner {
width: 100%;
margin: 0 auto;
}
*/
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*portfolio like and heart buttons turn off*/
.portfolio_like, .portfolio_share {
display: none;
}

.info .portfolio_like, .info .portfolio_share, .info p {
display: none;
}
/* ---------------------------------------------------------------------------------------------- */
/*description and text*/
.portfolio_single .two_columns_25_75 {
margin: 0 8% 0 8% !important;
width: 70%;
}

.portfolio_single .two_columns_25_75>.column1 {
width: 140px !important;
float: left;
}

.portfolio_single .two_columns_25_75>.column2>.column_inner {
padding: 0 0 0 0px;
}



/* ---------------------------------------------------------------------------------------------- */

/*social share icon position in table*/
.portfolio_share {
float: left;
margin: 0px 0px 0 0;
padding: 0px 0px 0px 8%;
width: 21px;
height: 18px;
border: none;
}
/*portfolio social share icon size*/
.social_share_icon {
background-size: 21px 18px;/*52x42*/
font-size: 0px;
}
/*portfolio social share drop down menu colour/size/position*/
.social_share_dropdown ul {
background-color: #F0F0F0 ;
width: 120px;
margin: -180px 0 0 20px;
}
/*portfolio social share drop down menu text*/
.social_share_dropdown ul li .share_text {
float: right;
}
/*portfolio footer navigation bar off*/
.portfolio_navigation {
display: none;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*Seperator margins*/
.separator {
margin: 0px 0;
}

/*Seperator*/
/*
.single .content .container .container_inner {
padding: 40px 0 0;
}
*/
/*All Horizontal lines*/
hr {
display: block;
-webkit-margin-before: 0;
-webkit-margin-after: 0.0em;
-webkit-margin-start: -10%;
-webkit-margin-end: -10%;
border-style: solid;
border-width: thin 0 0 0;
border-color: #c8c8c8 ;
margin-left:-10%;
margin-right:-10%;
}
/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*TABS*/
/* Border colour of active tab*/
.tabs .tabs-nav li.active a{
border-color: #B0B0B0;
background-color: #ffffff;
}
/* Text colour of active tab*/
.tabs .tabs-nav li.active a {
color: #000;
font-weight: 400;
}
/*text and border colour of non active tabs*/
.tabs .tabs-nav li a {
height: 23px;
line-height: 23px;
font-size: 13px;
display: inline-block;
color: #c8c8c8;
border: 1px solid #EBEBEB;
}
/* Border colour of last tab*/
.tabs .tabs-nav li:last-child a {
border-right-width: thin;
border-radius: 0 0px 0px 0;
-webkit-border-radius: 0 0px 0px 0;
-moz-border-radius: 0 0px 0px 0;
-o-border-radius: 0 0px 0px 0;
}
.tabs .tabs-nav li:first-child a {
border-radius: 0px 0 0 0px;
-webkit-border-radius: 0px 0 0 0px;
-moz-border-radius: 0px 0 0 0px;
-o-border-radius: 0px 0 0 0px;
}
/*right border should be on and a bit of space left in between*/
.tabs .tabs-nav li:nth-child(n) a {
border-right-width: thin;
}
/*make tabs centered*/
.tabs .tabs-nav li {
float: none;
margin: 1px 1px 1px 1px;
vertical-align: middle;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*SLIDERS*/
/*make nav next buttons transparent*/

/*make nav play stop buttons size*/
.ls-borderlesslight3d .ls-nav-start {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
.ls-borderlesslight3d .ls-nav-stop {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
html * .ls-bottom-nav-wrapper a, body * .ls-bottom-nav-wrapper a, #ls-global * .ls-bottom-nav-wrapper a {
padding: 0 1px 0 0;
opacity: .5;
margin-bottom: -0px;
}

.ls-bottom-nav-wrapper{
position: absolute;
margin: -30% 2%;
}

/*turn off shadow*/
html * .ls-container .ls-shadow {
display: none;
}
/*put buttons on same side*/
.ls-borderlesslight3d .ls-nav-next {
right: 10px;
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*VIDEO SIZE*/

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

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 99999px) and (min-width: 921px){
.portfolio_gallery a.v3 {
width: 33%;
margin: 0 0% 0% 0!important;
}
}
@media only screen and (max-width: 99999px) and (min-width: 921px){
.portfolio_gallery a.v3:nth-child(2n) {
margin: 0 0% 0% 0!important;
}
}

@media only screen and (max-width: 990px) and (min-width: 600px){
.portfolio_gallery a.v3 {
width: 49.7%;
margin: 0 0% 0% 0!important;
}
}
@media only screen and (max-width: 990px) and (min-width: 600px){
.portfolio_gallery a.v3:nth-child(2n), .portfolio_gallery a.v4:nth-child(2n) {
margin: 0 0% 0% 0!important;
}
}

/* ---------------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------------- */
/*TITLE*/
.title {
  display: block;
  text-align: center;
  position: relative;
  PADDING-TOP: 50PX;
  PADDING-BOTTOM: 10PX;
}