/*
Theme Name: Flora Child
Description: Child theme for the Flora
Author: Your name here
Template: flora
*/
top-menu > li > a, .vertical-menu > li > a, .live-search-form input {
    font-family: Montserrat,Arial, Helvetica, sans-serif;
    letter-spacing: 0.1;
    font-weight: normal;
}
.top-menu > li > a {
    font-size: 12px;
}
#header-logo img {
    position: absolute;
    display: block;
    max-width: none;
    min-height: 35px;
    max-height: 45%;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.restless-r img{max-width:180px; height:auto;margin-left:25px}
.w-separator{margin:10px auto}
.page-id-1640 .w-section{padding:45px 0}
.lead{font-size:1.4em;font-style:italic; font-weight:300;}

.restless-r img{max-width:180px; height:auto;margin-left:25px}
.page-id-1640 .w-separator{margin:10px auto!important}
.page-id-1640 .w-section{padding:45px 0}
.lead{font-size:1.5em;}
.green{color: #35D9B6!important}
.yellow{color:#FFD252!important}
.blue{color:#39B9C2!important}
.pink{color:#F14F66!important}
.page-id-1669 .w-section{padding:0px!important}

 .timeline{
margin-left: 0px;
    margin-top: 80px;
    width: 0px;
    display: block !important;
    position: absolute;
    border-bottom: none;
    border-left: 1px dashed;
    height: 100%;
    left: 59%;
    top: 0px;
	}
.timeline.last{display:none; height:0%!important}
.school-timeline{margin-bottom:50px;}
.school-timeline img{padding-top: 50px;padding-bottom: 10px;float:right;}
.full-height .col-inner, .full-height .wpb_raw_html, .full-height .wpb_wrapper{height:100%!important}

.bold{font-weight:700;}

.journey-heading {
    display: inline-block;
    background-color: #fff;
    text-align: center;
    width: 100%;
	font-weight:400;
    margin-left: 19px;}
.infographic-heading{
	background-image: url("http://restlessbrands.co.za/wp-content/uploads/2016/09/header-bk.png");
    color: #fff;
    text-transform: uppercase;
    display: block;
    width: 580px;
    height: 210px;
    background-size: contain;
    margin: auto;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
	font-size:1.2em;}
.dashed-border .col-inner{border:1px dashed;padding:20px;}
h4{text-transform:none!important;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	.school-timeline img{
		display:block;
		margin:auto;
		float:none;
		position:relative;
		padding-top:0px;
		}
	.journey-heading{margin-left:0px;}
	.timeline{left:50%;}
	.page-id-1669 h4{display:block;background-color:#fff;text-align:center!important; padding:10px;}
	.timeline.last{display:block!important; height:auto!important;}
}