/**
Theme Name: Latino Lawyers Association of Queens County
Theme Description: Latino Lawyers Association of Queens County
*/
/* Mixin */
@mixin vertical-align($position: relative) {
  position: $position;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*Reset Style */

p {
    display: block;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    margin: 0;
}

/*colors */

html
{
	font-size: 16px;
}

.site-header
{
	background-color: #041172;
}

footer
{
	background-color: #061b5c;
}

body
{
	background-color: #f1f1f1;
}

#content
{
/*	background-color: #d5d5d5; */
}

#widgetitle
{
/*	background-color: #183964; */
}
/* Main Style */
html
{
	overflow-y: scroll;
	font-family: 'Roboto', sans-serif;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-width: 600px;
	-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-smoothing: antialiased;

}

img
{
	background: transparent;
}

a{
	text-decoration:none;
	color: #000;
	font-weight: bold;
}

a:hover
{
	color:#f1be29;	
}
body
{
	z-index: 1;
	width: 100%;
	height:100%;
margin:0 auto;
	min-width: 600px;

	
	
}

p


div {
	display: block;
}

.transparent
{
	background-color: transparent;
}

.main
{
	width: 74%;
}
.column
{
	float: left;
	margin: 1% 1% 1%;
	width: 95%;
}

.one-second
{
	width: 44%;
}

.one-third
{
	width: 38%;
}

.one-fourth
{
	width: 25%;
}

.clearfix:before,
.clearfix:after
{
	content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    clear: both;
}

#content
{
	max-width:1140px;
	margin: 0 auto;
	position:relative;
	padding-top: 1rem;

}


/** Header style **/

#logo img
{
	
	display:block;
	width: 143px;
	height:83px;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:.875em;
	margin:0 auto;
	margin-left:5px;
	float: left;
}

#logo-text a
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.25em;
	color: #fff;
	width:26.4%;
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	font-weight: normal;
	
}


#header
{
	width:100%;
	height: 83px;
	margin: 0 auto;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.125em;
	text-align: center;	
	z-index: 2;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);

}

#nav
{
	max-width: 1140px;
	margin: 0 auto;
	height: 100%;
}
.menu-main-menu-container
{
	margin:0 auto;
	float:right;
	height: 100%;

}

.menu-main-menu-container ul
{
    list-style-type: none;
	margin:0 auto;
    padding: 0;
    width: auto;
    text-align:center;
	color:#fff;
	margin-right: 0;
	height: 100%;

	

}

.menu-main-menu-container a 
{
    display: block;
    margin:0 auto;
	text-decoration: none;
	line-height:34px;
	color:#fff;
    text-align: center;
    padding: 25px 18px 24px;

}


.menu-main-menu-container a:hover
{
 background-color: #05164a ;


}

.menu-main-menu-container .current_page_item a
{
    
	height:100%;
	line-height:34px;
	color: #fff;
	text-align: center;
	 padding: 25px 18px 24px;
	 background-color: #f1be29;

	
}


.menu-main-menu-container li 
{
	
    float: left;
    display: inline;
    
	
}

#header img
{
	float: left;
	
}

/** Home style **/

#homeimages
{
	width:105px;
	height: 105px;
	display:inline-block;
	text-align: center;
	color: #2c2b2b ;
	margin:0 auto;
	
}

#homeimages img
{
	display:inline-block;
	margin:0 auto;
	width:105px;
	height: 105px;

}

#homeimages p
{
	display:inline-block;
}

#home
{
	width:700px;
	margin:0 auto;
	margin-top:25px;
	text-align:center;
	padding-bottom:25px;
}

#home {
    text-align: justify;
}
#home > div {
    width: 155px; /* Declare your value. Can be in relative units. */
    display: inline-block;
    vertical-align: top;
}
#home:after {
    content: "";
    width: 100%;
    display: inline-block;
}

.button {
    font-size: 21px;
    font-family: 'Roboto', sans-serif;
    padding-left: 19px;
    padding-right: 19px;
	padding-top: 2px;
	padding-bottom: 2px;
    border: 1px solid #cccccc;
    border-radius: 5px;
	background-color: #04AA6D;
    color: #ffffff;
    border-color: #04AA6D;
	display: block;
	float:right;
}

.buttonp{
	padding-top: 10px;
}
.center
{
	margin:0 auto;
}



/** Post content Styles **/

h1
{
	color:#fff;
	text-align:center;
	font-size:2em;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	margin:0 auto;
}

h2
{
	
	text-align:left;
	font-size:1.5em;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	margin:0 auto;
	padding: 1% 0% 1% 0%;
	color: #0f59a3;
}

h2 a:hover

{
	color: #f1be29;
	
}

h3
{
	color: #0071BC;
	text-align:center;
	font-size: 1.25em;
	text-decoration:none;
	font-family: 'Lato', sans-serif;
	margin:0 auto;
}
h1 a
{
	text-decoration:none;
	color:#2c2b2b;
}

h4
{
	font-family: 'Lato', sans-serif;
	font-size: 1.25em;
	color: #0f59a3;
	width: 100%;
	margin: 0;
	text-align: left;
	line-height: 40px;
}

#widgetitle
{
	
	height: 40px;
}

#center
{
	width:800px;
	margin: 0 auto;
	margin-top: 25px;
}

.alignright
{
	float:right;
	margin-top: 50px;
}

.entry-title
{
	
	font-family: 'Roboto', sans-serif;
	color:#2c2b2b;
	margin-right:30px;
	text-align:right;
	position:relative;
}

.entry-content
{
	padding: 1% 0%;

}
#postcontent
{
	font-family: 'Roboto', sans-serif;
	color:#2c2b2b;
	position:relative;
	margin: 1%;
	float: left;
	width: 94%;


	
}

.imgsmall
{
	width: 35%;
	height: 35%;
	margin:0% 2% 2% 0%;
}

/* post style */
h2 a

{
	color: #0071BC;
	text-align: left;
}


.hvr-icon-forward:before, .hvr-icon-back:before {
    font-style: normal;
    font-weight: normal;
/*--adjust as necessary--*/
    font-size: .875em;
    top: 1px;
}

.hvr-icon-back:before {
	line-height: 1.3em;
}

.attachment img
{
	width: 100%;
	height: 100%;
}

#postcontent a:hover

{
	color: #f1be29;
	
}

.post, .tribe_events {
  padding:.5rem;
  border-bottom: 1px solid #ddd;
  overflow: hidden;

}

.tribe-events-single-event-title
{
	color: #0071BC;
}

.tribe-event-title
{
	line-height:20px;
	padding:5% 0%;
}

.fullwidthimg
{
	width: 95%;
	height: 95%;
}

.tribe-events-content img
{
	height: 90%;
	width: 90%;
}
.post-date
{
	float: left;
	font-size: .8em;
}

.entry-utility, .entry-meta
{
	font-size: .8em;
}

.narrow
{
	width:550px;
	margin:0 auto;
}

#abouttext a
{
	color:#FFF;
	text-decoration:none;
}

/** Services Page **/

#servicesleft
{
	display:inline-block;
	height:500px;
	margin:0 auto;
	margin-left:75px;
	
}

#servicesright
{
	display:inline-block;
	height:500px;
	margin:0 auto;
	float:right;
	margin-right:75px;
	
}

#p2
{
	
	color:#2c2b2b;
	width:358px;
	margin-top:15px;
}

#p3
{
	
	color:#2c2b2b;
	width:356px;
	margin-top:15px;
}


#p1
{
	padding:10px;
	width:340px;
}

/** image fade **/
#cf {
}

#cf img {
  position:absolute;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}

/** Bio STyle **/

.menu-bio-container
{
	width:800px;
	z-index:10;
	float:left;
	display:inline-block;

}

.menu-bio-container ul
{
	list-style-type: none;
    margin: 0;
    padding: 0;

}

.menu-bio-container a
{
	text-decoration: none;
	margin:5px;
	color: #2c2b2b;
	width:auto;

}

.menu-bio-container li
{
	display: inline;
	width:auto;
}


.menu-bio-container .current_page_item a

{
	background-color:transparent;
}

#bio-content
{
	width:700px;
	height:400px;
	position:relative;
	float:right;
	display:inline-block;
	margin:-100px 0 0 100px;
	

}

.bio-text
{
	
	color:#2c2b2b;
	text-align:left;
	width:450px;
	height:400px;	
	position:relative;
	
}

.aligncenter
{
	margin: 0 auto;
	display: block;
}

.bio-image
{
	float:right;
	margin-left:15px;
}
/** Bio Style ENd */

/** Footer Style **/

#footer
{
	
	width: 100%;
	height: auto;
	margin-top: 1%;
}

#footerdiv
{
	
	height: auto;
	text-align: left; 
	color: #fff; 
	max-width: 1140px;
	margin:0 auto;
	padding-top:15px; 

}

#footdiv h4
{

}

#footer h1
{
	font-size: 1em;
	text-align: left;
}

#footer p
{
	font-size: .75em;
	text-align: left;
}

#footer a
{
	color: #f1be29;
}

#footer a:hover
{
	color: #0f59a3;
}

#footer a img
{
	width: 12%;
	height: 12%;
	margin: 1%;
}
#copyright
{
	width: 100%;
	color: #fff;
	text-align: center;
	font-size:.625em;
	padding-bottom: 15px;
}
#social
{	
	margin: 0 auto; 
	float:left; 
	width:250px; 
	margin-left:25px; 
	margin-top:25px;
	}

/** contact page **/

#postcontent
{
	font-family: 'Roboto', sans-serif;
	color:#2c2b2b;


}

.blueline
{
	display:block;
	width:600px;
	color: #2c2b2b;
	background-color:#2c2b2b;
	border-color:#2c2b2b;
	height: 4px;
	margin-top:25px;
	margin-bottom:25px;
	

	
}

#contactinfo
{
	
	font-family: 'Roboto', sans-serif;
	color:#2c2b2b;
	text-align:right;
	width:300px;
	margin:0 auto;
	margin-left:25px;
	margin-top:150px;
	display:inline-block;
	font-weight:normal;
	font-size:1em;		
}

#contactinfo p
{
	margin-top:5px;
	margin-bottom:5px;
}

#wpgmza_map
{
	color:black;
	border:solid 3px #2c2b2b;
	margin-right:100px;
}


	/* ----------- basic ----------- */

	#basic{

		border:solid 2px #DEDEDE;	

	}

	#basic h1 {

		font-size:.875em;

		font-weight:bold;

		margin-bottom:8px;

	}

	#basic p{

		font-size:.0625em;

		color:#0071BC;

		margin-bottom:20px;

		border-bottom:solid 1px #dedede;

		padding-bottom:10px;

	}

	#basic label{

		display:block;

		font-weight:bold;

		text-align:right;

		width:140px;

		float:left;

	}

	#basic .small{

		color:#666666;

		display:block;

		font-size:.625em;

		font-weight:normal;

		text-align:right;

		width:140px;

	}

	#basic input{

		float:left;

		width:200px;

		margin:2px 0 30px 10px;

	}

input#submit{
  background:none;
  border:none;
  font-size:1em;
  color:blue;
}


/* ----------- stylized ----------- */

	#stylized{
	width:600px;
	margin:0 auto;
	
	}

	#stylized h1 {

		font-size:.875em;
		font-weight:bold;
		margin-bottom:8px;
		color: #2c2b2b;

	}

	#stylized p{

		font-size:.625em;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
		font-family: 'Roboto', sans-serif;
		color: #2c2b2b;

	}

	#stylized label{

		display:block;

		font-weight:bold;

		text-align:right;

		width:140px;

		float:left;
		font-family: 'Roboto', sans-serif;
		color: #fff;


	}

	#stylized .small{

		color: #0071BC;

		display:block;

		font-size:0.625em;

		font-weight:normal;

		text-align:right;

		width:140px;

	}

	#stylized input{

		float:left;

		font-size:0.75em;

		padding:4px 2px;
		border-radius:5px;

		border:solid 2px #2c2b2b;;

		width:325px;

		margin:2px 0 20px 10px;

	}

	#stylized button{ 
				padding: 0;
border: none;
background: none;
		margin-left:150px;

	}

	

#textbox

{



	width:330px;

	margin-left:10px;
	border:solid 2px #2c2b2b;
	border-radius:5px;


}



#u567-17

{

	z-index: 154;

	width: 260px;

	min-height: 124px;

	margin-left: 350px;

	margin-top: 28px;

	position: relative;

}



#contactbar

{

	z-index: 171;

	width: 430px;

	height: 2px;

	border-style: none;

	border-color: transparent;

	background-color: #000000;

	margin: 0 auto;

	margin-top: 10px;

	position: relative;

}



#contactbottom

{

	z-index: 154;

	width: 300px;

	min-height: 124px;

	margin:0 auto;

	margin-top: 28px;

	position: relative;

	font-family: rosario, sans-serif;

}



#contactbottom p

{

	margin:0;

	padding:0;

}

/* form end */

/* Footer */

/*other classes */
.centered
{
	
	margin: 0 auto;
	width:100%;
	text-align:center;
}

/* Side Bar */

#sidebar
{
	
	position:relative;
	float:right;
	display:none;
	margin-right:-250px;
	margin-top:-350px;
	font-size:0.75em;
	}
	
#sidebar ul
{
	list-style-type:none;
}

#sidebar ul li
{
	text-decoration:none;
	color:#fff;
	cursor: pointer;
}

.sidebar a
{
	text-decoration: none;
	color: #000;
}

/* Widget Style */
.widget
{
	
	display: inline-block;
	width: 100%;
}

.widget ul li a
{
	text-decoration: none;
	color: #000;
	animation-play-state: paused;
	display: block;
}

.widget ul li a:hover
{
	text-decoration: none;
	color: #f1be29;
	animation-play-state: running;
}


.widget ul
{
	list-style: none;
	-webkit-appearance:none;
	-webkit-padding-start: 0px;

}

.widget li
{
	margin-top: 15px;
	
}

.widget_recent_entries li
{
padding-bottom: 15px;
}

#widgettitle a
{
	color: #0f59a3;
}

#widgettitle a:hover
{
		color: #f1be29;
}

.textwidget a
{

	width: 100%;
	display: block;
}

.textwidget a:hover
{
	color: #f1be29;
}
.right
{
	float: right;
}

.left
{
	float: left;
}
/* sidebar */
.sidebar
{
	width: 25%;
}

.sidebar .widget
{
	padding: 28.5px 28.5px;
	width: 80%
}

.sidebar h4
{
	width: 100%;
	line-height: auto;
}

.sidebar .widget
{
	border-bottom:1px solid #ddd;
}

.tribe-event-title
{
	font-size: 1em;
}

.tribe-events-list-widget a
{
	font-weight: bold;
}

.tribe-events-list-widget a:hover
{
	color: #f1be29;
}

ol
{
	-webkit-padding-start: 0px;

}


.center
{
	margin:0 auto;
}

/*Calendar Widget */

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

.widget_calendar caption {
	font-size: 0.75em;
	font-style: italic;
	padding: 2px 6px 0 0;
	padding: 0.2em 0.6em 0 0;
	text-align: right;
}

.widget_calendar a
{
	font-weight: bold;
	color: #0f59a3;
}

/* Tables
--------------------------------------------- */

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
	width: 100%;
}

tbody {
	border-bottom: 1px solid #ddd;
}

th,
td {
	text-align: left;
}

th {
	font-weight: bold;
	text-transform: uppercase;
}

td {
	border-top: 1px solid #ddd;
	padding: 6px 0;
	padding: 0.6em 0;
}

/*Pages Widget */

.widget_pages li
{
	margin-top:0px;
	margin-left: 50px;
}

/* Dropdown Button */
.hamburger {
    display:none;
}

/* Dropdown button on hover & focus */

/* The container <div> - needed to position the dropdown content */
.dropdown {
    display: inline-block;
    float: right;
    width: 100%;
    top:83px;
    z-index: 5;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 2;
    width: 100%;
    position:relative;

}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #e6e6e6;
    font-weight: normal;

}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.card {
  padding:2%;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  background:white;
  border-radius:3px;
  user-select:none;
  animation:fly-in-from-left .5s 1s ease both;
  transform-origin:top left;
}

.metaslider {
	    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
/*Search Form*/

#searchform input[type=text]
{
	display: inline-block;
	width: 65%;
	float: left;
	
}
#searchsubmit
{
	display: inline-block;
	float: right;
	width: 25%;
	text-align: center;
}


/*fix smart slider index */
.n2-ss-align{
     position: relative;
     z-index: 0;
}

.widget_archive li
{
	margin-top: 0px;
}


/*Responsive Deisgn */
@media (max-width: 960px) and (min-width: 849px){
#logo-text
{
	font-size: 1rem;
}

#logo-text a
{
	width: 20%;
	margin-top: 5px;
}



}

@media (max-width: 849px) {



.large
{
	height:0;
	overflow:hidden;
	transition:height .35s ease;
	display: none;
}
.btn-toggle-nav {
    display: block;
    margin: 10px 0;
}

.card
{
	padding: 2%;
}

.one-second
{
	width: 94%;
}

.widget_calendar
{
	display: none;
}


.main
{
	width: 100%;
}

#searchform input[type=text]
{
	height: 1.5rem;
	font-size: 1.5rem;	
	-webkit-appearance: none;
}

#searchsubmit
{
height: 2rem;
font-size: 1.5rem;
text-align: center;
}

.small
{
	display:block;

}

.hamburger
{
	display: inline-block;
	  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  right:15px;
}

html
{
	font-size: 20px;
}

.column
{
	    display:flex;
    flex-direction:column;
	width: 94%;
}

#row1{
	display: flex;
	 flex-direction:row;
justify-content: space-around;
}
#header
{
	
	position:fixed;
	opacity: .95;
}

#header.smaller {
        height: 75px;
    }

.sidebar
{
	width: 93%;
	margin: 1% 2% 2%;
	min-width: 280px;
}

.right
{
	
}

#logo-text a
{
	font-size: 1.1em;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  margin:0;
  margin-left: 15px;
  width: 300px;
	
}

#logo-text
{
	height: 100%;
	float: left;


}

#postcontent
{
	width: 94%;
}


#content
{
	padding-top:83px;
}

.tribe-events-single-event-description img
{
	height: 90%;
	width: 90%;
}

.tribe-events-back a
{
	font-size: 1rem;
}

}