/*
	Theme Name: Shapiro-Aarons Inc.
	Theme URI: http://www.sharpiroaarons.co.za
	Description: Shapiro – Aarons Incorporated has its origin at the beginning of 1994 with the amalgamation of two legal practices, namely David Shapiro & Associates and Louis & Aarons Attorneys which saw the formation of a partnership between Gordon Aarons and David Shapiro.
	Version: 4.9.0x
	Author: Joshua Wolfe
	Author URI: http://noveldesign.co.za
	Tags: Notary, Attorney, Law, Lawyer, Legal, Conveyancer, Attorneys
	License: Novel Design
	License URI: https://www.noveldesign.co.za
	Text Domain: shapiroaarons
*/

/*------------------------------------*\
    SHAPIROAARONS ONLINE FONT
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700');

/*------------------------------------*\
    MAIN
\*------------------------------------*/

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0 !important; }
body {  font-family: 'Lato', sans-serif; color: #333; font-size:14px;}

/* Backround Image : background-color:#ffffff; background-image:url(../img/backing.jpg); 
background-size: cover; background-repeat:no-repeat; background-attachment:fixed; */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

a {color: #333;text-decoration: none;}
a:hover {color: #000;}


/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.container { position: relative; margin-top:0px;}
.container >

.banner-top {}
.banner-top section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; overflow:hidden; text-align:center;  }

.header { background-color:#ffffff;}
.header section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:right;  }

.navigation { background-color:#212020;}
.navigation section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left;  }

.brand-logo { padding:10px; border:1px #cccccc solid !important; border-radius:6px; -webkit-border-radius:6px; }
.brand-img {  border:1px #efefef solid !important; border-radius:6px; -webkit-border-radius:6px; }

.sliders { margin:0 auto;  }
.sliders section > div {width: 100%;position:relative; }

.sq_cps {position: absolute; z-index:20; margin-left: auto; 
  margin-right: auto;  left:0; right:0; bottom:0 !important; margin-bottom:-2px; width:580px; height:70px; background-image:url(img/sq_cps.svg); background-repeat:no-repeat; text-align:center !important; overflow:hidden; }

.former {position:relative; z-index:999;}
.form1 {position:absolute; margin-top: 20px; right:0;}

.sub { width:300px; padding:10px; background-image:url(img/form.png); background-repeat:repeat; border-radius:6px; border:1px #ddd solid; display:block;}

.logo { display:block; margin-bottom:15px;}
.logo img { max-width:100%; height:auto;}

.copyright { float:left; }

.footer { background-color:#212020; overflow:hidden;}
.footer section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left;   }
.footer p { font-size:15px; margin-top:0px; color:#fff;}

.post-edit-link {display:none;}
.picture {border-radius:50%;-webkit-border-radius:50%;}

.main { background-color:#ffffff; }
.main section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; overflow:hidden;  }

.main p { font-size:15px; margin-top:0px; font-weight:300i;}

.main h1 { font-family: 'Lato', sans-serif; font-size:28px; color:#222;  text-transform: uppercase; font-weight:700; text-align: left; margin-top:0px; margin-bottom:10px; } 
.main h2 { font-family: 'Lato', sans-serif; font-size:26px; color:#222; text-transform: uppercase; font-weight:normal; text-align:left; margin-top:10px; margin-bottom:20px !important; } 
.main h3 { background-color:#262261; padding:12px; color:#fff; text-align:left; font-family: 'Lato', sans-serif; font-size:20px; text-transform:uppercase; font-weight:normal; border-radius:6px; -webkit-border-radius:6px; margin-top:1px; margin-top:5px; margin-bottom:5px;}
.main h4 { background-color:#bcbdc0; padding:12px; color:#fff; text-align:left; font-family: 'Lato', sans-serif; font-size:24px; text-transform:uppercase; font-weight:normal; border-radius:6px; -webkit-border-radius:6px; margin-top:1px; margin-top:5px; margin-bottom:5px; }

.main ul li { list-style:none; padding-top:10px; padding-bottom:10px; border-bottom:1px #ddeef1 dotted;}
.main ul { margin-left:-40px;}

.main img { max-width:100%; height:auto; border: none; vertical-align:middle;}


.hometop {float:right; overflow:hidden;}


.additional { background-image:url(img/footer.jpg); background-size:cover; background-position:center;}
.additional section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 0px 10px 0px; text-align:left; overflow:hidden;  }

.additional h2 { font-family: 'Lato', sans-serif; font-size:22px; color:#ddeef1; text-transform: uppercase; font-weight:normal; text-align:left; margin-top:10px; margin-bottom:10px; } 

.additional ul {  margin-left:-40px; display:list-item; list-style:none; }
.additional li { font-family: 'Lato', sans-serif; padding-bottom:5px; padding-top:5px;font-weight:normal; text-transform:uppercase; font-size:12px; color:#91949b; list-style:none;}

.additional a:link { color: #fff !important; text-decoration:none;}
.additional a:active { color: #fff !important; text-decoration:none;}
.additional a:visited { color: #ffff !important; text-decoration:none;}
.additional a:hover {color: #ddeef1 !important;}

.additional p { font-size:15px; color:#fff; margin-top:0px;}

/*------------------------------------*\
    HOME PAGE WIDGET AREAS
\*------------------------------------*/

.widget1 { background-color:#ffffff; text-align:left; overflow:hidden;}
.widget1 section > div {width: 90%; max-width: 1024px; margin:0 auto; padding: 10px 15px 30px 15px; vertical-align:text-top;}

.widget1 p { font-size:15px; color:#222;  }

.widget1 h2 { font-family: 'Lato', sans-serif; font-size:20px; letter-spacing:0px; color:#222; text-transform: capitalize; font-weight:700; padding-bottom:10px; border-bottom: 3px #e8e8e8 solid; }
.widget1 img button { max-width:100%; height:auto; border:#fff 5px solid; vertical-align:middle;}

.widgety { font-family: 'Lato', sans-serif; font-size:28px; color:#939598; text-transform: capitalize; font-weight:200 !important; } 

.testimonial_rotator_stars cf-tr {display:block; margin:0 auto !important; text-align:center !important; width:200px;}


/*------------------------------------*\
    PAGES
\*------------------------------------*/

.page1 { background-color:#ffffff; overflow:hidden; border-bottom:#e8e8e 3px solid;}
.page1 section > div {width: 100%; margin:0 auto; padding:0px; text-align:left; vertical-align:text-top;}

.page1 p { font-size:15px; color:#939598 !important;}
.page1 h2 { font-family: 'Lato', sans-serif; font-size:32px; color:#000; text-transform: uppercase; font-weight:400 !important; text-align:center;  }


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	
	.logo { padding-bottom:20px !important;}
	
	.col { 
		margin: 1% 0 1% 0%;
	}
}



/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


@media only screen and (max-width: 800px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

hr { border-top:#5b7ab4 1px dotted; border-style: none none dotted; color: #5b7ab4; background-color: #fff; margin-bottom:3px; margin-top:5px;}

/*------------------------------------*\
    MEDIA QUERIES
\*------------------------------------*/

@media screen and (max-width: 55em) {

.logo {float:none !important; margin:0 auto !important; text-align:center; display:block; margin-top: 0px !important; overflow:hidden !important; }

.social_media {float:none !important; margin:0 auto !important; text-align:center; display:block; margin-top: 30px !important; overflow:hidden !important; }
.main h1, .widget1 h1, .widget2 h1, .widget3 h1, .widget4 h1 { font-size: 24px !important;}

.hometop { float:none !important; text-align:center !important;}
.navigation { display:none !important;}
.sq_cps { display:none !important;}


.former {position:none;}
.form1 {position:inherit; margin-top: 20px; margin: 0 auto !important;}
.sub { width: 100% !important;}

}

label.screen-reader-text {display:none; }

/*------------------------------------*\
	BUTTONS & FORMS
\*------------------------------------*/



input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="input"],

button { padding: 12px 35px 12px 35px; text-align:center; display:inline-block; white-space:nowrap; background-color:rgba(221, 238, 241, 1);  font-weight:normal; font-family: 'Lato', sans-serif; font-size:15px !important; color:#000 !important; text-transform: uppercase; letter-spacing:1px; cursor:pointer !important; margin:0 auto !important; border-radius:5px; -webkit-border-radius:5px; border:none; }


input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="input"]:hover,

button:hover { color: #fff !important; background-color:rgba(221, 238, 241, 0.8);  f -webkit-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; transition: background-color 500ms linear;}


.topbut { margin:5px !important;}



input { width:100%; background:#ddeef1; padding:10px; border:#ccc 0px solid; margin-bottom:3px;  font-family: 'Lato', sans-serif; margin-top:3px; font-size:12px !important; border-radius:3px; -webkit-border-radius:3px; }

textarea {width:100%;  padding:6px; margin-bottom:10px; border:#ccc 0px solid;  margin-top:3px;  font-family: 'Lato', sans-serif; font-size:12px !important; border-radius:3px; -webkit-border-radius:3px; background:#ddeef1;}

select { padding:9px; border:#ccc 1px solid; margin-bottom:3px; margin-top:3px; font-size:12px !important; color: #999; cursor: pointer; background: #fff url(img/drop-down-arrow.png) no-repeat right center; background-size: 40px 37px; -webkit-appearance: none; -moz-appearance: none;border-radius:3px; -webkit-border-radius:3px; min-width:200px; }

label { color:#333; font-size:14px; font-weight:400; font-family: 'Lato', sans-serif; text-transform:uppercase; width:100%;  }


iframe, video {
  max-width: 100% ;
 
}

.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
    width: 100% !important;
}


/*------------------------------------*\
    SOCIAL MEDIA LINKS
\*------------------------------------*/

.social_media {float:right; margin-top:20px;}

@font-face {
    font-family: 'si';
    src: url('fonts/socicon.eot');
    src: url('fonts/socicon.eot?#iefix') format('embedded-opentype'),
         url('fonts/socicon.woff') format('woff'),
         url('fonts/socicon.ttf') format('truetype'),
         url('fonts/socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(fonts/socicon.svg) format(svg);
    }
}

.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 17px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #ddeef1;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-facebook:before {
    content:'\e041';
}
.soc-whatsapp:before {
    content:'\e01b';
}
.soc-mail:before {
    content:'\e01f';
}

.soc-twitter:before {
    content:'\e040';
}



/*------------------------------------*\
    MENU
\*------------------------------------*/

.group-list { -moz-column-gap: 20; -moz-column-count: 3; -webkit-column-count: 3; -webkit-column-gap: 20; column-count: 3; column-gap: 20; margin-left:-20px;}


nav ul { text-align: left; display: inline; list-style: none;}
nav ul li { font-family: 'Lato', sans-serif; font-weight:300i;border-right:0px; font-size:16px;text-transform: uppercase; display: inline-block; margin: 0px; position: relative; padding: 5px 5px; cursor: pointer;  }

nav ul li:last-child{border:none;}

nav ul li a:link { color: #fff!important; text-decoration:none;}
nav ul li a:active { color: #fff!important; text-decoration:none;}
nav ul li a:visited { color: #fff!important; text-decoration:none;}
nav ul li a:hover {color: #ddeef1 !important;}

nav ul li ul li { background: #ddeef1; border-right: none !important; font-family: 'Lato'; font-weight:300i !important; display: block; z-index:9999; color: #fff !important; }

#menu ul { list-style:none; position:relative; float:left; margin:0; padding:0}
#menu ul a { display:block; line-height:32px; padding:0 15px; }
#menu ul li { position:relative; float:left; margin:0; padding:0}
#menu ul ul { display:none; position:absolute; top:100%; left:0; padding:10px 0px 0px 0px;}
#menu ul ul li { float:none; width:220px; }
#menu ul ul a { line-height:120%; padding:10px 15px}
#menu ul li ul li {font-size:13px; font-weight:normal; border-bottom: #00154d 1px dotted;}
#menu ul li ul li:last-child{border:none;}
#menu ul ul ul { top:0; left:100%}
#menu ul li:hover > ul { display:block }

nav ul li ul li a:link { color: #ffffff!important; text-decoration:none;}
nav ul li ul li a:active { color: #ffffff!important; text-decoration:none;}
nav ul li ul li a:visited { color: #ffffff!important; text-decoration:none;}
nav ul li ul li a:hover {color: #666666 !important;}



.submenu ul {  margin-left:-40px; display:list-item; }
.submenu li { font-family: 'Lato', sans-serif; padding-bottom:5px; padding-top:5px;font-weight:normal; text-transform:uppercase; font-size:14px; border-bottom: 1px #bcbdc0 solid; color:#262261; list-style:none;}

.submenu li:last-child{border:none;}

#subscription-toggle, #favorite-toggle { float:right; padding:5px; margin:3px; color:#262261 !important; font-weight:bold;}

#subscription-toggle a:link { color: #262261;}
#subscription-toggle a:active { color: #262261;}
#subscription-toggle a:visited { color: #262261;}
#subscription-toggle a:hover { color: #ccc;}

#favorite-toggle a:link { color: #262261;}
#favorite-toggle a:active { color: #262261;}
#favorite-toggle a:visited { color: #262261;}
#favorite-toggle a:hover { color: #ccc;}
 

/* ======== SLICKNAV RESPONSIVE MENU =========== */

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 55em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}

/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: left; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left;  }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.15em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { display:none;}
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:18px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #000000; font-weight:normal;
	font-family: 'Lato', sans-serif;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #ffffff;
	font-weight: normal;	
		
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #ffffff;
}
.slicknav_menu {
	background:#000000;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-family: 'Lato', sans-serif;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size:16px; text-transform:uppercase;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;	
}
.slicknav_nav a:hover{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	color:#fff;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}


.fancy { line-height: 1;text-align: center; }
.fancy span {  display: inline-block; position: relative; }
.fancy span:before,
.fancy span:after { content: ""; position: absolute;height: 8px;border-bottom: 2px solid #fff;border-top: 2px solid #fff;top: 10px;width: 230px; }
.fancy span:before {right: 100%;margin-right: 15px;}
.fancy span:after { left: 100%;margin-left: 15px;}