/*
Theme Name: Vayetze
Theme URI: http://www.avben.co.za/vayetze
Author: AvBen
Author URI: http://www.avben.co.za
Description: Custom designed theme for Vayetze Accountants.
Version: 1.0.6

AvBen WordPress Theme © 2017 Jeandre Visser
*/

/* Universal */

html {
    font-family: 'Gudea', sans-serif;
}

a {
    text-decoration: none;
}
.fleft {
    float: left
}

.fright {
    float: right
}

.row {
    padding: 25px;
}

.section{
    padding: 25px 0
}

.tm {
    position: relative;
    bottom: 2px;
    font-size: 10px
}

.button{
    padding: 20px 0;
    margin: 0
}

.button a{
    background-color: #776A7A;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
}

.rm-button{
    margin: 0;
    padding: 10px 0;
}

.rm-button a{
    background-color: #322841;
    color: white;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
}

/* Sliders */
.home #slider {
    padding-bottom: 20px
}

.slide {
    height: 250px;
    display: none;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    color: white;
    text-shadow: 1px 1px black; 
    padding: 10px
}

.button a{
    background-color: #322841;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
}

#slide1 {
    display: block;
    padding: 25px
}

/* Home Slider */

.home #slide1 {
    color: black;
    text-shadow: none;
    
}

.home #slide2 {
    color: black;
    text-shadow: none;
}

.home #slide3 {
    background-position: left center;
    background-size: contain;
    text-align: justify;
    color: black;
    text-shadow: none;
}

/* Headder */

/* Branding */

#branding {
    background-color: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, rgba(50, 40, 65, 0.89)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #322841); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #322841); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, rgba(50, 40, 65, 0.89)); /* Standard syntax (must be last) */
    text-align:center;
    padding: 20px 0
}

#site-title h1 {
    margin: 0;
}

#branding .custom-logo {
    max-width: 90%;
    height: auto;
}

#branding .description {
    color: #322841;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 5px 0
}

/* Website Navigation */

header nav {
    margin-bottom: 20px;
    background-color: #322841;
    border-bottom: 2px solid #F08D2B
}

header nav ul{
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

header nav ul{
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

header .sub-menu{
	display: none;
    position: absolute;
    background-color: #322841;
    min-width: 160px;
    z-index: 1;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.27);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.27);
	-o-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.27);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.27);
}

.menu-item-has-children:hover .sub-menu {
    display: block;
}

header .sub-menu a{
    padding: 10px 16px;
    width: 100%;
    box-sizing: border-box;
    text-align: left;
}

header .sub-menu a:hover{
    color: #F08D2B
}

header .sub-menu li {
	display: block;
	text-align:left;
}

header .sub-menu .menu-item {
	text-align: left;
}


header nav ul li {
	display: inline-block;
}

header nav ul li a{
    display: inline-block;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
}

/* Mobile Menu */

.mob-menu {
    color: white;
	cursor: pointer;
	text-align: center;
}

@media (max-width: 530px) {
    header nav ul li a{
    display: block;
    }
    header nav ul li {
    display: block;
    }
    
}

/* Footer */

#footer {
    margin-top: 40px;
    background-color: #322841;
    border-top: 2px solid #F08D2B;
    text-align: center;
    color: white;
}

#footer a:link, #footer a:visited {
    color: white;
}

/* Service Item*/
.service-container {
    
} 
.service-item {
    background: #322841;
    padding: 15px;
    margin: 15px;
    text-align: center;
    color: white;
    border: 5px solid white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.service-item:hover {
    color: #F08D2B;
    border-color: #F08D2B
}

.service-name {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    margin: 0;
}

/* Home Page */

.home-cont {
    background: #322841;
    padding: 20px;
    margin: 25px;
    text-align: center;
    color: white;
    border: 5px solid white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.home-cont hr {
    border-color: #F08D2B;
    border-bottom-width: 3px
}

.home-cont .entry-content{
    padding: 0 10px
}

.home-cont a:link,
.home-cont a:visited {
    color: #F08D2B;
}
.home-cont a:hover,
.home-cont a:active{
    color: #e5790e;
}


/* Page */
.page-cont {
    padding: 0 45px;
}

.page-cont hr {
    border-top: none;
    border-left: none;
    border-right: none;
    border-color: #F08D2B;
    border-bottom-width: 3px
}

.page-cont .entry-content{
    padding: 0 10px
}

.page-cont a:link,
.page-cont a:visited {
    color: #F08D2B;
}
.page-cont a:hover,
.page-cont a:active{
    color: #e5790e;
}

.contact-item {
    text-align: center
}

/* Footer Contact */

.f-contact {
    box-sizing: border-box;
}

.f-contact .custom-logo {
    margin-top: 1em;
    max-width: 90%;
    height: auto;
    font-size: 1.17em;
}

label{
    display: block;
    margin: 1em 0 0;
}
input[type="text"], input[type="email"], input[type="number"], input[type="tel"]{
    border: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
    padding: 0.2rem;
    margin: 0.2rem 0;
}
textarea{
    border: 0;
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
    padding: 0.2rem;
    margin: 0.2rem 0;
}

input[type="submit"]{
    display: inline-block;
    width: auto;
    margin-top: 1em;
    background-color: #322841;
    border: none;
    color: white;
    font-weight: bold;
    text-align: center;
    padding: 20px 16px;
    text-decoration: none;
}

input[type="submit"]:hover {
    padding: 18px 14px;
    border: solid 2px #F08D2B;
    color: #F08D2B;
}

/* Entry */

.post-edit-link {
    text-align: center;
    font-weight: bold;
    padding: 5px 0;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    display: block;
}

.entry-title {
    text-align: center
}