/**handles:extra-style**/
/*
Theme Name: Extra-Child
Theme URI: http://www.elegantthemes.com/gallery/Extra/
Description: This is a child theme created for Lookstein 
Description: Child theme for the Divi theme
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template: Extra
Version: 1.0.0
Version: 1
*/


/*------------------------------------------------*/
/*--------[GQ - LEFT ALIGN BLOG IMAGE]------------*/
/*------------------------------------------------*/
 
    .et_pb_posts .et_pb_post a img, 
    .archive .et_pb_post a img, 
    .search .et_pb_post a img {
            max-width: 210px!important;
            float: left;
            padding-right: 20px;}
 
    @media only screen and (max-width: 980px) {
        .et_pb_posts .et_pb_post a img, 
        .archive .et_pb_post a img, 
        .search .et_pb_post a img{
            float:none;
            max-width: 250px!important;}}

body.rtl .gform_wrapper h3.gf_progressbar_title {
	text-align: right !important
}
body.rtl .gform_wrapper div.gform_page_footer {
	text-align: right !important
}
body.rtl .gform_wrapper .gform_heading {
    text-align: right!important;
}


/**************************************************************************************************************************************************************************************/

html {
    font: 15px 'Lato', Helvetica, sans-serif;
}
body {
    font: 15px 'Lato', Helvetica, sans-serif;
}
a {
    color: #20588d;
    text-decoration: none;
}
a:hover {
    color: #f06021;
}

img {
    height: auto;
    max-width: 100%;
}
.full,
.single {} .login #login h1 a {
    background-size: 162px!important;
    width: 150px!important;
}
/***************************************************************************************************************************************************************************************/
/*HEADER STYLES*/
/***************************************************************************************************************************************************************************************/

.top-header .container #searchform {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 0;
    top: 43px;
    transition: opacity 0.5s ease-in-out;
}
.top-header .container #searchform.active {
    opacity: 1;
    visibility: visible;
}
.top-header input#searchform {
    border: 1px solid #20588d;
    margin: 0;
    background: #000;
    color: #fff;
    padding: 3px;
}


/***************************************************************************************************************************************************************************************/
/*NAV STYLES*/
/***************************************************************************************************************************************************************************************/
aside .menu-item {
	list-style: none;
	margin-bottom: 0;
}
#sidebar_menu {
	float: right;
	padding: 8px 10px;
	width: 30%;
}
#sidebar_filter {
	float: right;
	width: 20%;
	min-width: 220px;
	margin-left: 20px;
}
.listings {
	width:70% !important
}
.template_container{
margin: 150px 50px 0 50px;
}
.template_container::after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
.title-big {font-size:30px;}
/***************************************************************************************************************************************************************************************/
/*DEFAULT PAGE STYLES*/
/***************************************************************************************************************************************************************************************/

.none {
    display: none!important;
}
.red {
    color: #eb694d;
}
.blue {
    color: #20588d;
}

.more {
    color: #000;
    font-weight: 700;
    text-decoration: underline;
    display: block;
}
.date {
    font-style: italic;
    font-size: 13px;
    padding: 0 0 5px;
    display: none;

}
.wp-pagenavi {
    padding: 20px 0px;
}
.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.no-cursor > a {
    cursor: default!important;
}
.wp-pagenavi {
display: inline-block;
    width: 100%;
    text-align: right;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sidebar a {
    color: #000;
    line-height: 1.6;
    text-decoration: underline;
}

input {
    border: 1px solid #000;
}
button {
    border: 0px;
    font: 1em 'Lato', Helvetica, sans-serif;
}
#breadcrumbs a,
#breadcrumbs {
    color: #000;
    font-size: 13px;
}
#breadcrumbs a {
    text-decoration: underline;
}
.title_div {

}
.archive_thumbnail{
	float: left;
}
.inner-content .post-title {
    color: #20588d;
    display: inline-block;
    margin: 10px 0;
    font: 20px 'Lato', Helvetica, sans-serif;
    font-weight: bold;
    line-height: 25px;
    max-width: 480px;
}
.sidebar ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar .widget {
    /*border: 1px solid;*/
    padding: 0.3em 1em 1.3em 0;
    overflow: auto;
}
.sidebar .widget.no-border {
    border: 0;
    padding: 0;
}
.sidebar .widget-button {
    color: #fff;
    text-decoration: none;
}
.t_contact {
    width: 100%;
}
/*COMMENTS*/

.commentlist {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}
.commentlist ul {
    list-style: none;
    padding: 0 0 0 60px;
}
.commentlist .comment {
    border-top: 1px solid #5b5759;
    padding: 20px 0 0;
}
.commentlist .vcard img {
    float: left;
    margin-right: 15px;
}
.commentlist .vcard .cite {
    display: block;
}
.comment .vcard-meta a,
.comment .vcard-meta .fn {
    color: #000;
    font-size: 15px;
}
.commentlist .vcard-meta .fn {
    font-weight: bold;
    font-style: normal;
    text-transform: capitalize;
}
.commentlist .comment-meta a {
    display: inline-block;
}
.commentlist .comment p {
    padding: 0 0 0 4.6em;
    color: #777676;
}
.commentlist .reply {
    position: absolute;
    right: 0;
    top: 20px;
}
.commentlist .reply a {
    color: #000;
    font-weight: bold;
}
#respond .title {
    color: #eb694d;
    font-weight: bold;
    line-height: 4em;
    border-top: 1px solid #5b5759;
}
#respond p {
    font-size: 15px;
    color: #eb694d;
}
#respond input {
    border: 1px solid #000;
    height: 35px;
}
#respond .first {
    margin-right: 2%;
    width: 48%;
    float: left;
}
#respond .first input {
    width: 100%;
    margin-bottom: 10px;
}
#respond .first + .second {
    width: 50%;
    float: left;
}
#respond .second textarea {
    width: 100%;
    height: 163px;
}
#respond .column,
.comment,
.comment-field {
    position: relative;
    margin: 19px 0 0 0;
}
#respond #submit {
    background: #eb694d;
    color: #fff;
    float: right;
    margin: 20px 0;
    clear: both;
}
.ph label {
    position: absolute;
    display: block;
    top: 0;
    left: 15px;
    right: 0;
    padding: 0 3px;
    color: #777;
    line-height: 2.5;
    font-size: 1rem;
    transition: all 0.3s ease-in;
}
.ph input.focus + div + label,
.ph textarea.focus + div + label,
.ph input:focus + div + label,
.ph textarea:focus + div + label,
.ph input.focus + label,
.ph textarea.focus + label,
.ph input:focus + label,
.ph textarea:focus + label {
    color: #222;
    line-height: 2.25;
    top: -1.7rem;
    left: 0;
    font-size: 0.8rem;
}
.ph select.focus + label,
.ph select:focus + label {
    top: -75%;
}
.gform_wrapper input[type=email],
.gform_wrapper input[type=number],
.gform_wrapper input[type=password],
.gform_wrapper input[type=tel],
.gform_wrapper input[type=text],
.gform_wrapper input[type=url] {
    border: 1px solid #000;
}
*********************************************************************************************************************************************************************************/

.classroom .title-big {
    display: inline;
}
.classroom form.search {
    position: relative;
    float: right;
}
.classroom input#search_classroom {
    border: 1px solid #20588d;
    color: #222;
    padding: 0.3em 7.6em 0.3em 0.6em;
    max-width: 100%;
}
.classroom .search i {
    color: #20588d;
    position: absolute;
    right: 5px;
    top: 5px;
}
.inner-wrap {
	margin-top: 20px;
	}
.classroom .inner-wrap {
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
            flex-flow: row-reverse nowrap;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.classroom .sidebar {
    -webkit-flex:1;
        -ms-flex:1;
            flex:1;
}

.classroom .inner-wrap article {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0 1 75%;
        -ms-flex: 0 1 75%;
            flex: 0 1 75%;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.classroom .inner-wrap .post {
    float: left;
    width: 32%;
    padding: 1em 0 1em;
    border-bottom: 0px;

}


.classroom .inner-wrap h2 a {
    font-size: 15px;
    color: #000;
}
.classroom .sidebar .widget {
    border: 0px;
    padding: 0 15px 0 0;
}

 
/***************************************************************************************************************************************************************************************/
/* Classroom Resources PAGE STYLES*/
/***************************************************************************************************************************************************************************************/
.single article, .page article {
box-shadow: none!important;
}

ul.class-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    clear: right;
}
ul.class-meta li {
    color: #20588d;
    font-size: 14px;
    padding: 10px 15px;
}
ul.class-meta #grades {
    font-weight: bold;
}
ul.class-meta li:first-child {
    padding-left: 0;
}
ul.class-meta li:first-child i {
    padding: 0 5px 0 0;
}
ul.class-meta li:last-child {
    padding-right: 0;
    border-right: none;
}
ul.post-categories li {
    border: 3px solid #eb694d;
}
.post-tags li {
    border: 3px solid #0a8c50;
}
.meta_tag_cat {
    margin: 17px 0;
}
.meta_tag_cat ul {
    list-style: none;
    padding: 0;
    margin:0;
    display: inline-block;
}
.meta_tag_cat li {
    float: left;
    padding: 5px 10px;
    margin: 3px 3px 3px 0;
}
.meta_tag_cat li a {
    font-size: 14px;
    color: #000;
}
.sociel ul {
    float: right;
}
ul.related-list,ul.list {
    margin:0 0 0 60px;
    padding: 0;
}
/***************************************************************************************************************************************************************************************/
/* Issue arcive page style */
/***************************************************************************************************************************************************************************************/

.journals-post td {
    vertical-align: top;
    border: 1px solid;
    padding: 5px;
}

/***************************************************************************************************************************************************************************************/
/* MEMBERSHIP MAIN PAGE */
/***************************************************************************************************************************************************************************************/

.membership .table {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 0;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.membership .table > .item {
    background: #fff;
    -webkit-flex: 0 0 300px;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    padding: 0 15px;
}
.membership .table ul {
    padding: 0 0 0 25px;
}
.membership .table li {
    position: relative;
    list-style: none;
    margin: 0 0 5px 0;
}
.membership .table li:before {
    color: #23568d;
    font-family: 'FontAwesome';
    content: '\f00c';
    margin: 0 0 0 -15px;
    position: absolute;
    left: -10px;
    top: 0;
}
.membership .table .title {
    border-bottom: 1px solid #98b3c6;
    color: #20598e;
    padding: 1em;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
}
.membership .item div {
    text-align: center;
    border-bottom: 1px solid #98B3C6;
    margin-bottom: 1em;
}
.membership .table .button {
    background: #20578d;
    display: inline-block;
    padding: 0.4em 1.6em;
    margin: 2em;
     
}
.membership .full-width {
    position: relative;
    z-index: 0;
    margin: 0 -600rem;
    padding: 0.25rem 600rem;
    background: #98b3c6;
}
.membership .full-width:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 598.5rem;
    right: 598.5rem;
    background: #98b3c6;
}
/***************************************************************************************************************************************************************************************/
/* NON MEBER PAGE */
/***************************************************************************************************************************************************************************************/
.nonmember .login_box {
	background: #d2ebfc;
	padding: 10px 40px 50px 40px;
}
.nonmember .table {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.nonmember .table .half {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.nonmember .table .half:first-child {
    border-right: 1px solid;
}
.nonmember .table .half {
    text-align: center;
    margin: 40px 0 0 40px;
}
.nonmember .table .half h3 {
    font-size: 24px;
   
}
.nonmember .table .half h4 {
    font-size: 18px;
    color: #20588D;
    text-transform: uppercase;
}
.nonmember #loginform {
    width: 200px;
    margin: 0 auto;
}
.nonmember #loginform .login-username label,
.nonmember #loginform .login-password label {
    display: block;
    text-align: left;
    font-size: 12px;
}
.nonmember #loginform input {
    padding: 0.3em 1em;
}
.nonmember #loginform .login-password + a {
    float: left;
}
.nonmember #loginform .member,
.nonmember #loginform .login-remember {
    display: none;
}
.nonmember #loginform input[type="submit"] {
    background: #20588D;
    color: #fff;
    float: right;
    width: 80px;
}

.journals-post .buttons {
    margin-top: 2em;
}

/***************************************************************************************************************************************************************************************/
/* Gforms changes */
/***************************************************************************************************************************************************************************************/

body .gform_wrapper div.gform_body ul.gform_fields li.gfield.gfield_html ul li, 
body .gform_wrapper form div.gform_body ul.gform_fields li.gfield.gfield_html ul li {
    list-style-type: none!important;
}

.adress-info > li {
    list-style-type: none!important;
}




	max-height:200px; 
	padding:20px; 
	text-align:center;
	}
.valign-c {
	vertical-align: middle !important;
	}
#resources .widget .widget_classroom_widget .date {
    display: none !important;
}