/******************************************************************
Theme Name: Matulewicz V2
Theme URI: http://matulewicznew.codesmprojects.com
Description: Customized Foundation based template for Matulewicz Law Firm
Author: CODESM
Author URI: http://www.codesm.com
Version: 4.0
License: GNU General Public License & MIT
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Sass
******************************************************************/

/** GLOBAL - START **/
body
{
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6
{
}

h2
{
	line-height: 2.625rem;
}

.extra-big
{
	font-size: 1.313rem;
	line-height: 1.875rem;
}

.big
{
	font-size: 1rem;
}

.small
{
	font-size: 0.875rem;
	line-height: 1.5rem;
}

.extra-small
{
	font-size: 0.75rem;
	line-height: 1.125rem;
}

.uc
{
	text-transform: uppercase;
}

.show-inline
{
	display: inline-block;
}

.show-inline + .show-inline
{
	margin-left: 1rem;
}

.no-margin-bottom
{
	margin-bottom: 0;
}

.bottom-buffer-0point5rem
{
	margin-bottom: 0.5rem;
}

.bottom-buffer-1rem
{
	margin-bottom: 1rem;
}

.bottom-buffer-1point5rem
{
	margin-bottom: 1.5rem;
}

.button,
button.button
{
	border: none;
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	line-height: 1;
	font-weight: 300;
	padding: 0.875rem 1.25rem;
	min-width: 150px;
	border-radius: 3px;
}

.alt-white
{
	color: #ffffff;
}

.alt-black
{
	color: #000000;
}

.alt-primary
{
	color: #464646;
}

.alt-gray
{
	color: #b9c8d5;
}

.alt-blue
{
	color: #01bff3;
}

.alt-dark-blue
{
	color: #27496c;
}

.bg-black
{
	background-color: #000;
}

.bg-white
{
	background-color: #ffffff;
}

.bg-blue
{
	background-color: #01bff3;
}

.bg-dark-blue
{
	background-color: #27496c;
}

.font-lightest
{
	font-weight: 300;
}

.font-light
{
	font-weight: 300;
}

.font-normal
{
	font-weight: 400;
}

.font-bold
{
	font-weight: 700;
}

.font-family-roboto
{
	font-family: "Roboto", sans-serif;
}

.font-family-petala-pro
{
	font-family: "petala-pro", sans-serif;
}

.font-family-sirba
{
	font-family: "sirba-web", sans-serif;
}
/** GLOBAL - END **/
/** ================================================================= **/
/** HEADER - START **/
header.header
{
	background-color: #ffffff;
	box-shadow: 0 0 6px rgba(12, 6, 14, 0.33);
}

.top-bar
{

}

.top-bar ul
{
	padding: 0;
}

.menu-text
{
	padding: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.menu > li.menu-text > a
{
	padding: 0;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.menu .active > a
{
	background: transparent;
}

ul.social-icons
{
	list-style-type: none;
	margin: 0;
}

ul.social-icons li
{
	display: inline-block;
	margin-right: 6px;
}

ul.social-icons li:last-child
{
	margin-right: 0;
}

.primary-menu
{
	display: inline-block!important;
	margin-top: 40px;
}

#menu-primary-menu-1,
#menu-primary-menu-spanish-1
{
	display: inline-block;
	text-align: center;
	width: 100%;
}

#menu-primary-menu-1 > li,
#menu-primary-menu-spanish-1 > li,
.mobile-menu > li
{
	display: inline-block;
}

#menu-primary-menu-1 > li:not(:last-child),
#menu-primary-menu-spanish-1 > li:not(:last-child)
{
	margin-right: 1.125rem;
}

#menu-primary-menu-1 li a,
#menu-primary-menu-spanish-1 li a,
.mobile-menu li a
{
	font-size: 1.125rem;
	font-family: "Roboto", sans-serif;
	font-weight: 300;
	line-height: 1.875rem;
	color: #1a1a1a;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
}

#menu-primary-menu-1 > li > a,
#menu-primary-menu-spanish-1 > li > a
{
	display: block;
	padding: 0;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after
{
	border-color: #ffffff transparent transparent;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a
{
	padding-right: 1.313rem!important;
}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu
{
	background-image: -webkit-linear-gradient(left, rgba(17, 141, 182, 1) 0%, rgba(35, 53, 136, 1) 100%);
	background-image: -o-linear-gradient(left, rgba(17, 141, 182, 1) 0%, rgba(35, 53, 136, 1) 100%);
	background-image: linear-gradient(to right, rgba(17, 141, 182, 1) 0%, rgba(35, 53, 136, 1) 100%);
	padding: 0.75rem;
	border: none;
}

#menu-primary-menu-1 li.is-submenu-item:not(:last-child),
#menu-primary-menu-spanish-1 li.is-submenu-item:not(:last-child)
{
	margin-bottom: 0.625rem;
}

#menu-primary-menu-1 li.is-submenu-item a,
#menu-primary-menu-spanish-1 li.is-submenu-item a
{
	text-align: left;
	padding: 0;
	text-transform: none;
	font-size: 1rem;
}

#menu-primary-menu-1 li a:hover,
#menu-primary-menu-spanish-1 li a:hover,
#menu-primary-menu-1 li.active a,
#menu-primary-menu-spanish-1 li.active a
{
	color: #01bff3;
}

#menu-primary-menu-1 li.active a,
#menu-primary-menu-spanish-1 li.active a
{
	font-weight: 400;
}

.phone
{
	padding-left: 1.125rem;
	padding-right: 1.125rem;
    padding-top: 40px;
	/*background-color: #27496c;*/
	height: 114px;
    margin-top: 0;
    vertical-align: top;
}
/** HEADER - END **/
/** ================================================================= **/
/** CONTENT - START **/
#content
{
	min-height: 300px;
}

a#scroll-to-top
{
	background: url(assets/images/arrow.png) no-repeat center center;
	background-size: cover;
	z-index: 999;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li
{
	margin-bottom: 0;
}

.vc_col-has-fill>.vc_column-inner,
.vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner,
.vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner
{
	padding-top: 0;
}

.no-padding-foundation .columns
{
	padding-left: 0;
	padding-right: 0;
}

.no-padding-vc .vc_column_container>.vc_column-inner
{
	padding-left: 0!important;
	padding-right: 0!important;
}

input:not([type="submit"]),
textarea,
select
{
	height: auto;
	padding: 0.875rem 1.125rem;
	color: #000000;
	font-size: 1rem;
	line-height: 1.125rem;
	box-shadow: none;
	outline: none;
	font-weight: 400;
	resize: none;
	background-color: #ececec;
	border: 1px solid #dad8d9;
	margin: 0 0 1rem!important;
	-webkit-transition: 0.3s all;
	-o-transition: 0.3s all;
	transition: 0.3s all;
}

select
{
	padding-right: 1.5rem;
}

input:not([type="submit"]):focus,
textarea:focus
{
	border: 1px solid #999999;
	box-shadow: none;
	outline: none;
	background-color: #dddddd;
	color: #000000;
}

.input-group
{
	margin-bottom: 0;
}

*::-webkit-input-placeholder { color: #444444; }
*:-ms-input-placeholder { color: #444444; }
*:-moz-placeholder { color: #444444; }
*::-moz-placeholder { color: #444444; }

.wpcf7 .row .row
{
	margin-left: -0.5rem!important;
	margin-right: -0.5rem!important;
}

.wpcf7 .row .row .columns
{
	padding-left: 0.5rem!important;
	padding-right: 0.5rem!important;
}

.wpcf7 button[type="submit"]
{
	margin-bottom: 0;
}

input.wpcf7-not-valid
{
	border: 1px solid red!important;
}

.ajax-loader
{
	display: none;
}

span.wpcf7-not-valid-tip
{
	display: none;
}

div.wpcf7-response-output
{
	margin: 0;
	margin-top: 1rem;
	color: #222222;
	text-align: center;
}
/** CONTENT - END **/
/** ================================================================= **/
/** HOME - START **/
.slider-button
{
	border: 2px solid #b9c8d5;
	background-color: transparent;
	font-weight: 400;
}

.column-practice-area
{
	background-color: #ffffff;
	padding-top: 45px;
	padding-bottom: 45px;
	padding-left: 15px;
	padding-right: 15px;
	min-height: 255px;
}

#testimonials .item .row
{
    margin: 0;
}

#testimonials.owl-theme .owl-dots .owl-dot span
{
	height: 10px;
	width: 10px;
	background-color: #01bff3;
	border-radius: 50%;
	margin: 5px;
}

#testimonials.owl-theme .owl-dots .owl-dot.active span, 
#testimonials.owl-theme .owl-dots .owl-dot:hover span
{
	background-color: #27496c;
}
/** HOME - END **/
/** ================================================================= **/
/** BLOG - START **/

#posts .row:not(:last-child)
{
	margin-bottom: 24px;
}

.single-post section.entry-content p:last-child
{
	margin-bottom: 0;
}

.pagination
{
    clear: both;
    margin-top: 15px;
    position: relative;
    text-align: center;
}

.pagination span,
.pagination a {
    display: inline-block;
    margin: 0 5px;
    padding: 4px 8px;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    background-color: #ffffff;
	border: 2px solid #01bff3;
    min-width: 38px;
    min-height: 38px;
    color: #464646;
    -webkit-transition: 0.2s linear;
    -o-transition: 0.2s linear;
    transition: 0.2s linear;
}

.pagination a:hover,
.pagination span.active
{
	background-color: #01bff3;
	color: #ffffff
}

/** BLOG - END **/
/** ================================================================= **/
/** TESTIMONIALS - START **/

#archive-testimonials .column:last-child:not(:first-child), 
#archive-testimonials .columns:last-child:not(:first-child)
{
	float: left;
}

/** TESTIMONIALS - END **/
/** ================================================================= **/
/** AREAS OF PRACTICE - START **/
.column-practice-area-inner
{
	min-height: 439px;
	background-color: #ffffff;
	max-width: 400px;
	margin: auto;
}

.column-practice-area-inner .practice-area-image
{
	text-align: center;
}

.column-practice-area-inner .practice-area-description
{
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}

ul.areas-of-practice-side-menu
{
	list-style-type: none;
	display: block;
	margin-left: 0rem;
}

ul.areas-of-practice-side-menu li
{
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

ul.areas-of-practice-side-menu li:not(:last-child)
{
	border-bottom: 1px solid #d3d3d3;
}

ul.areas-of-practice-side-menu li a
{
	line-height: 1.125rem;
	color: #27496c;
	font-weight: 300;
}

ul.areas-of-practice-side-menu li a.active,
ul.areas-of-practice-side-menu li a:hover
{
	
	font-weight: 400;
}

body.page-child.parent-pageid-136 #footer-form,
body.page-child.parent-pageid-356 #footer-form
{
	background-color: #f8f8f8;
}
/** AREAS OF PRACTICE - END **/
/** ================================================================= **/
/** CONTACT US - START **/
body.page-id-280 #content
{
	min-height: 0;
}
/** CONTACT US - END **/
/** ================================================================= **/
/** FOOTER - START **/
footer.footer
{
	margin-top: 0;
}

#inner-footer
{
	background-color: #27496c;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

/** FOOTER - END **/
/** ================================================================= **/
/** RESPONSIVE - START **/

@media all and (min-width: 1025px){
	.column-practice-area
	{
		padding-top: 55px;
		padding-bottom: 55px;
		min-height: 291px;
	}

	.border-right
	{
		border-right: 1px solid #d4d2d3;
	}

	.extra-padding-left-for-large
	{
		padding-left: 45px;
	}

	.extra-padding-right-for-large
	{
		padding-right: 45px;
	}
}

@media all and (max-width: 1024px){
	#posts .row .columns:not(:last-child) .post
	{
		margin-bottom: 24px;
	}

	#recent-posts .columns:not(:last-child) .recent-post
	{
		margin-bottom: 24px;
	}

	.hide-bg
	{
		background-image: none!important;
	}

	.remove-br br
	{
		display: none;
	}
}
	

/* STRIPE MOBILE MENU */
#bonfire-icon-menu .menu
{
	border-bottom: 1px solid #ffffff;
}

#bonfire-icon-menu .menu .active > a
{
	background-color: transparent;
}

#bonfire-icon-menu .menu li i
{
	font-size: 24px;
    padding-top: 0px!important;
}

#bonfire-icon-menu .menu li span
{
	margin: 16px 0 0 100px;
}

#bonfire-icon-menu .menu li ul
{
	margin: 12px 0 0 -10000px;
}

#bonfire-icon-menu .menu li ul li:first-child
{
	border-left: 1px solid #ffffff;
}

#bonfire-icon-menu .menu li ul li:last-child
{
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}


/* UPDATE - 9th MAY 2017 */
.wpml-ls-legacy-dropdown
{
	width: auto!important;
}

.wpml-ls-legacy-dropdown a
{
	border: none;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after
{
	border-top-color: #01bff3;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu
{
	border-top: 1px solid #dddddd;
	background: #fefefe;
}