/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */
 
 /* 1. Logo positioning */
 
 .tm-logo {   
float: left;  
}  

.tm-toolbar {   
float: right;   
}  

.tm-headerbar {  
margin-bottom: 10px;  
margin-top: 30px;  
}

/* 2. Client Centre */
.tm-toolbar {   
float: right;
margin-bottom: 18px;  
margin-top: 16px; 
}  

/* 3. Call Us 132266 */
a.callus {
    color: #3590cc;
    font-family: Source Sans Pro;
    font-size: 22px;
    font-weight: 900;
    padding-right: 8px;

}

div.eng {
    margin-top: 52px;
     color: #3983cc: ;
}

div.frontamo {
  padding: 10px 10px 10px 10px;
        text-align: center;
    color: red;
}

h2.modules {
    color: #1F2B56;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: none;
}

a.mobile {
    color: #1f2b56;
    font-size: 36px;
    font-weight: 900;
    line-height: 85px;
    margin-top: 30px;
}

div.appointment1 {
    text-align: left;  
}

/* 4. Navigation menu */ 

.tm-headerbar {  
margin-bottom: 10px;  
margin-top: 45px;  
}

/* Navigation menu */
.uk-nav-navbar > li > a {
    color: #1f2b56;
    font-size: 12px;
    text-transform: uppercase !important; 
}

/* Navigation menu - offcanvas */
.uk-nav-offcanvas ul a {
    color: #1f2b56;
    font-size: 12px;
    text-transform: uppercase !important; 
}

/* Navigation menu -small logo to display on mobile devices */ 

.uk-navbar-content .tm-logo-small {  
display: inline-block;  
width: calc(100% - 70px);  
}  

.uk-navbar-content.uk-navbar-center  {  
max-width: 100%;  
padding: 0;  
}

/* 5. Navigation - adds 15px space under placeholder */ 

.uk-sticky-placeholder {
margin-bottom: 15px;
}

/* 6. Background on responsive devices */

@media ( max-width:767px ) {  
    body { background: none #f1f1f1; }  
}

/* Footer */
p.footer {
    color: #1f2b56;
}

/* 7. Widgetkit Map Styling */

form > p > input[style] {     
margin: 0 0 8px !important;     
}  

form > p > input + button::-moz-focus-inner {  
border: 0;  
padding: 0;  
}  

form > p > input + button {  
-webkit-appearance: none;  
margin: 0;  
border: none;  
overflow: visible;  
font: inherit;  
color: #ffffff;  
text-transform: none;  
display: inline-block;  
-moz-box-sizing: border-box;  
box-sizing: border-box;  
padding: 0 12px;  
background: #3590cc;  
vertical-align: middle;  
line-height: 30px;  
min-height: 30px;  
font-size: 1rem;  
text-decoration: none;  
text-align: center;  
background-image: -webkit-linear-gradient(top, #30a5d5, #3982c6);  
background-image: linear-gradient(to bottom, #30a5d5, #3982c6);  
border-radius: 2px;  
}  

form > p > input + button:not(:disabled) {  
cursor: pointer;  
}  

form > p > input + button:hover,  
form > p > input + button:focus {  
background-color: #3982c6;  
color: #ffffff;  
outline: none;  
text-decoration: none;  
background-image: none;  
}  

form > p > input + button:active {  
background-color: #367aba;  
color: #ffffff;  
background-image: none;  
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1);  
}  

form > p > input + button {  
min-height: 40px;  
padding: 0 15px;  
line-height: 40px;  
font-size: 16px;  
}

/* Toolbar-R positioning */

.tm-toolbar .uk-float-right .eng {  
text-align: right;  
margin-top: 17px;  
}  

.tm-toolbar .uk-float-right .eng .uk-button {  
margin-bottom: 10px;}  

.tm-toolbar .uk-float-right .eng .callus {  
padding: 0;  
}  

.tm-headerbar {  
margin-top: 30px;  
}

/* FIRST NATIONAL FNDIRECT */

div#outer {  
/* The backround image: */  
position:relative;  
max-width:100%;  
height:auto;  
margin: 15px auto;  
}

/* Block of 3 buttons (part 1) */  
div#cta {  
position:absolute;  
bottom: 80px;  
right: 0px;  
max-width: 217px;  
height:auto;  
text-align: right;  
z-index:2;  
}

/* Block of 3 buttons positioning (part 2) */
/* Move the block of buttons to below the image at lower resolutions  
so they don't overlay the main image: */

    @media (max-width: 860px) {    
    div#cta {  
    max-width: 100%;  
    position: static;  
    text-align: center;  
    padding-top: 10px;  
    }  
}

/* FIRST NATIONAL FNDIRECT 16 DECEMBER 2016 CHANGES */
/* Note on the changes:  */
/* 1. Fourth "Make appointment" button added.  */
/* 2. Button size reduced from 217px to 205px. */
/* 3. bottom margin reduced from 80px to 43px  */

/* Block of 4 buttons (part 1) */ 
div#ctafnd1 {
position:absolute;  
bottom: 43px;  
right: 0px;  
max-width: 205px;  
height:auto;  
text-align: right;  
z-index:2;  
}

/* Block of 4 buttons positioning (part 2) */
/* Move the block of buttons to below the image at lower resolutions  
so they don't overlay the main image: */  
    
    @media (max-width: 860px) {  
    div#ctafnd1 {  
    max-width: 100%;  
    position: static;  
    text-align: center;  
    padding-top: 10px;  
    }  
}