/*
Theme Name: Enfold for Apps
Description: A superflexible and responsive Business Theme by Kriesi -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group
Version: 1.0
Author: Kriesi, Andrew Grant
Author URI: http://www.kriesi.at
License: Themeforest Split Licence
License URI: -
Theme URI: www.kriesi.at/themes/enfold-child-apps/
Template: enfold
*/
/* General Custom CSS */
/* ======================================================================================================================================================
Button - CHANGES TO BUTTON STYLES, BORDER-RADIUS, STYLED LIKE ORIGAMI
====================================================================================================================================================== */
/*button element*/
.avia-button-wrap{display:inline-block;}
.avia-button{
color:#777;
border-color: #e1e1e1;
background-color: #f8f8f8;
}
body div .avia-button{
border-radius: 3px;
padding:10px;
font-size: 12px;
text-decoration: none;
display:inline-block;
border-bottom-style: solid;
border-bottom-width: 1px;
margin:3px 0;
line-height: 1.2em;
position: relative;
font-weight: normal;
text-align: center;
max-width: 100%;
}
.avia-button:hover{opacity: 0.9;}
.avia-button:active{border-bottom-width: 0px; border-top-width: 1px; border-top-style: solid;}
.avia-button.avia-color-blue {background-color: #2e6e9e; color: #fff; }
.avia-button.avia-color-blue:hover {background-color: #1d4f73; color: #fff; }
#top .avia-button.avia-color-light{color:#fff; border:3px solid #fff; background: transparent;}
#top .avia-button.avia-color-dark{ color:#000; border:3px solid #000; color:rgba(0,0,0,0.6); border-color: rgba(0,0,0,0.6); background: transparent;}
.avia-button.avia-color-light:hover{opacity: 0.7; color:#fff; }
.avia-button.avia-color-dark:hover{ opacity: 0.7; color:#000; color:rgba(0,0,0,0.6);}
.avia-button.avia-color-theme-color-subtle{border-width:1px; border-style: solid;}
.avia-button-center {display:block; text-align: center; clear:both;}
.avia-button-right {display:block; float:right;}
.avia-button.avia-position-right{float:right; display:block;}
.avia-button.avia-position-left{float:left; display:block;}
.avia-button.avia-size-medium{
padding:12px 16px 7px;
font-size: 16px;
min-width: 90px;
border-radius: 5px;
}
.av-icon-on-hover .avia_button_icon{ width: 0px; overflow: hidden; display: inline-block; height: 1em; -webkit-transition: all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; opacity: 0; }
.av-icon-on-hover:hover .avia_button_icon{ width: 1.5em; opacity: 1;}
/* ======================================================================================================================================================
SUPRESSING TOP BORDER ON SUB MENU DROP DOWN
====================================================================================================================================================== */
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu{
border-top: none;
}
/* ======================================================================================================================================================
Body - SIZE CHANGE OF FONT SIZE OF BODY, from 13px to 14px
====================================================================================================================================================== */
body {
font: 14px/1.65em "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #444;
-webkit-text-size-adjust: 100%;
}
/* ======================================================================================================================================================
Body - Height of each section
====================================================================================================================================================== */
.content, .sidebar{
padding-top: 60px;
padding-bottom: 55px;
-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box; /* Firefox, other Gecko */
box-sizing: content-box;
min-height: 1px;
z-index: 1;
}
/* ======================================================================================================================================================
Line height of body text
====================================================================================================================================================== */
.avia_textblock{
clear: both;
line-height: 1.2em;
}
/* ======================================================================================================================================================
nav font weight changed from 600 to 0
====================================================================================================================================================== */
.av-main-nav > li > a {
display:block;
text-decoration: none;
padding:0 13px;
font-weight: normal;
font-size:12px;
font-weight: 0;
font-size: 14px;
-webkit-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
}
/* ======================================================================================================================================================
Typography
====================================================================================================================================================== */
/*default*/
h1, h2, h3, h4, h5, h6 {
/* font-family: "Georgia", "Times New Roman", Helvetica, Arial, sans-serif; */
font-weight: 0;
}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: 0; text-decoration: none; color: inherit; }
#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 16px; line-height: 1.1em; } /*17*/
h6 { font-size: 14px; line-height: 1.1em; }
.flex_column h1 a:hover, .flex_column h2 a:hover, .flex_column h3 a:hover, .flex_column h4 a:hover, .flex_column h5 a:hover, .flex_column h6 a:hover{text-decoration: underline;}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6{
margin-top:1.5em;
}
p { margin: 0.85em 0; }
p img { margin: 0; }
p.lead { font-size: 21px; line-height: 27px; }
em { font-style: italic; }
strong, b{ font-weight: bold; }
small { font-size: 80%; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
/* ======================================================================================================================================================
H1, H2 CHANGE TO LOWERCASE
====================================================================================================================================================== */
.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2{
text-transform: none;
letter-spacing: -0.5px;
}
/* ======================================================================================================================================================
CHANGING SCROLL UP ARROW
====================================================================================================================================================== */
#scroll-top-link{
position:fixed;
border-radius:2px;
height:50px;
width:50px;
line-height: 50px;
text-decoration: none;
text-align: center;
opacity: 0;
right:50px;
bottom:50px;
z-index: 1030;
visibility: hidden;
color: #ffffff;
}
#scroll-top-link.avia_pop_class{
opacity: 0;
visibility: visible;
}
/* ======================================================================================================================================================
VERTICLE ALIGN TEXT TO IMAGES
====================================================================================================================================================== */
div .av_two_fifth {
margin-left: 6%;
width: 36.4%;
margin-top: 5%;
}
body .container_wrap .avia-builder-el-first {
margin-top: 0;
}
/* ======================================================================================================================================================
HOVER BURGUNDY BAR, INCREASE HEIGHT TO MAKE MORE VISIBLE
====================================================================================================================================================== */
.av-main-nav li:hover .avia-menu-fx, .current-menu-item > a > .avia-menu-fx, .av-main-nav li:hover .current_page_item > a > .avia-menu-fx {
opacity: 1;
visibility: visible;
height: 6%;
}
/* ======================================================================================================================================================
MOBILE NAV
====================================================================================================================================================== */
#mobile-advanced a , #mobile-advanced .mega_menu_title {
padding: 20px 28px;
border-bottom-style: solid; border-bottom-width:1px;
width:100%;
display:block;
margin:0;
text-decoration: none;
position: relative;
cursor: pointer;
font-size: 20px;
}
/* #Links
================================================== */
a { text-decoration: none; outline: 0; max-width:100%; max-width:none\9; }
a:hover, a:focus, a:visited { outline: 0; text-decoration: none;}
p a, p a:visited { line-height: inherit; }
a.avianolink, .avianolink a{cursor: default;}
#top .avia_hidden_link_text{display: none;}
/* ======================================================================================================================================================
FOOTER FONT SIZE CHANGE
====================================================================================================================================================== */
.footer_color div {
font-size: 16px;
line-height: 1.5;
font-weight: bolder;
}
/* ======================================================================================================================================================
MOBILE NAV TRANSITION
====================================================================================================================================================== */
#mobile-advanced {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
#advanced_menu_hide {
top: 41px;
right: 28px;
}
/* ======================================================================================================================================================
DESKTOP NAV SELECTED STATE
====================================================================================================================================================== */
.current-menu-item > a {
background-color: #4f4f4f;
}
/* ======================================================================================================================================================
SUB MENU REMOVE 1PX FROM TOP
====================================================================================================================================================== */
.av-main-nav ul {
margin-top: 1px;
}
/* ======================================================================================================================================================
CHANGING MOBILE NAV BG COLOUR AND TEXT COLOUR
====================================================================================================================================================== */
#mobile-advanced {
background-color: #333333;
}
#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: #ffffff;
}
/* ======================================================================================================================================================
CHANGING BULLET COLOUR AND POSITION
====================================================================================================================================================== */
#mobile-advanced a:before {
color: #ffffff;
}
#mobile-advanced li > a:before, .html_header_mobile_behavior #mobile-advanced span > a:before, #mobile-advanced .mega_menu_title:before {
top: 17px;
}
/* ======================================================================================================================================================
BG COLOUR OF MOBILE NAV HOVER
====================================================================================================================================================== */
#mobile-advanced li a:hover {
background-color: #9e2f50;
}
/* ======================================================================================================================================================
FAQ MENU COLOUR AND SIZE CHANGE
====================================================================================================================================================== */
.alternate_color .av-subnav-menu a {
color: #333333;
font-size: 16px;
}
/* ======================================================================================================================================================
APPLYING 10PX RIGHT PADDING ON HTSI BUTTON IN NAV
====================================================================================================================================================== */
.html_main_nav_header #top .main_menu .menu>li:last-child>a, .html_bottom_nav_header #top #menu-item-search>a {
padding-right: 10px;
}
/* ======================================================================================================================================================
BURGER NAV TWEAKS
====================================================================================================================================================== */
#advanced_menu_toggle, #advanced_menu_hide {
border-width: 0px;
font-size: 35px;
margin-top: -26px;
}
/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
}
/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
}