@charset "UTF-8";

@import url('http://fonts.googleapis.com/earlyaccess/notosanshebrew.css');

/*
Theme Name: These and Those
Theme URI: http://theseandthose.pardes.org.il
Description: 
Version: 1.0
Author: Addicott Web
Author URI: http://www.wordpress-web-designer-raleigh.com/
*/

@font-face {
    font-family: 'DIN Regular';
    src: url('fonts/din-regular-webfont.eot');
    src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular-webfont.woff2') format('woff2'),
         url('fonts/din-regular-webfont.woff') format('woff'),
         url('fonts/din-regular-webfont.ttf') format('truetype'),
         url('fonts/din-regular-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Light';
    src: url('fonts/din-light-webfont.eot');
    src: url('fonts/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-light-webfont.woff2') format('woff2'),
         url('fonts/din-light-webfont.woff') format('woff'),
         url('fonts/din-light-webfont.ttf') format('truetype'),
         url('fonts/din-light-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Medium';
    src: url('fonts/din-medium-webfont.eot');
    src: url('fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-medium-webfont.woff2') format('woff2'),
         url('fonts/din-medium-webfont.woff') format('woff'),
         url('fonts/din-medium-webfont.ttf') format('truetype'),
         url('fonts/din-medium-webfont.svg#dinmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Bold';
    src: url('fonts/din-bold-webfont.eot');
    src: url('fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-bold-webfont.woff2') format('woff2'),
         url('fonts/din-bold-webfont.woff') format('woff'),
         url('fonts/din-bold-webfont.ttf') format('truetype'),
         url('fonts/din-bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Black';
    src: url('fonts/din-black-webfont.eot');
    src: url('fonts/din-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-black-webfont.woff2') format('woff2'),
         url('fonts/din-black-webfont.woff') format('woff'),
         url('fonts/din-black-webfont.ttf') format('truetype'),
         url('fonts/din-black-webfont.svg#dinblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { font-family:"Source Sans Pro"; background-color:#231f20; }

/* Text styles */
p { color:#000; margin:20px 0 0 0; font-size:18px; line-height:28px; font-weight:300; }
strong { font-weight:600; }
em { font-style:italic; }
small { display:block; font-size:14px; line-height:24px; font-weight:300; color:#fff; }
blockquote { border:none; padding:0; margin:0 0 0 30px; }
blockquote p { font-size:18px; line-height:28px; font-weight:300; }

/* Link styles */
a { color:#ed1c24; text-decoration:underline; }
a:hover { color:#ed1c24; text-decoration:none; }

/* Heading styles */
h1 { margin:0; line-height:1em; font-size:48px; color:#000; font-family:"DIN Medium"; }
h2, h3, h4, h5, h6 { margin:30px 0 0 0; line-height:1em; font-family:"DIN Medium"; font-weight:normal; color:#ed1c24; }

h2 { font-size:30px; line-height:40px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { }
h6 { }

/* List styles */
ul { list-style:disc; margin:20px 0 0 30px; padding:0; }
ol { list-style:decimal; margin:20px 0 0 30px; padding:0; }
ul li,
ol li { margin-bottom:10px; color:#000; padding-left:10px; font-size:18px; line-height:28px; font-weight:300; }

ul ul { list-style:circle; margin:10px 0 10px 30px; }
ol ol { list-style:lower-alpha; margin:10px 0 10px 30px; }

/* Image styles */
img.centered { display:block; margin:0 auto; }
img.alignright { float:right; margin:5px 0 25px 20px; clear:both; display:inline; }
img.aligncenter { display:block; margin:15px auto 0 auto; }
img.alignleft { float:left; margin:5px 25px 20px 0; clear:both; display:inline; }
.alignright { float:right; margin:5px 0 20px 25px; clear:both; display:inline; }
.alignleft { float:left; margin:5px 25px 20px 0; clear:both; display:inline; }

.wp-caption { }
.wp-caption-text { margin:5px 0 0 0; text-align:center; font:italic 13px/22px Georgia, "Times New Roman", Times, serif; }

/* Table styles */
table { border-collapse:collapse; margin-top:5px; width:100%; }
table td { border-bottom:1px solid #ccc; font-size:18px; line-height:18px; font-weight:300; color:#000; padding:15px 0; vertical-align:top; }
table th { border-bottom:2px solid #000; font-size:18px; line-height:28px; font-weight:600; color:#000; padding:15px 0; vertical-align:top; text-align:left; }

iframe, object, embed { max-width: 100%; }

/* Plugins */
.addthis_toolbox { margin:20px 0 0 0 !important; }
.iframe-wrapper { margin:25px 0 15px 0 !important; }

/* Pagenavi */
.wp-pagenavi { clear:both; margin:0; text-align:center; }
.wp-pagenavi a,
.wp-pagenavi span { margin:2px; font-size:16px; line-height:26px; background-color:#231f20; color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 20px; text-decoration:none; }
.wp-pagenavi a:hover { background-color:#ed1c24; color:#ffff; transition: background-color 0.75s ease; }
.wp-pagenavi span.current { background-color:#ed1c24; color:#fff; }

/* Global classes */
.right { text-align:right; }
.center { text-align:center; }
.widget { margin:0 0 30px 0; padding-top:0; padding-bottom:0; }
.widget h3.widget-title { }

/*-------------------------------------------------------------------------------------------------------------------
--------------------------------------------- CUSTOM LAYOUT ELEMENTS ------------------------------------------------
-------------------------------------------------------------------------------------------------------------------*/

.wrap { width:100%; }
.container { padding-left:40px; padding-right:40px; }
.row { padding-top:40px; padding-bottom:40px; }

.no-padding-top { padding-top:0 !important; }
.no-padding-bottom { padding-bottom:0 !important; }
.no-padding-both { padding-top:0 !important; padding-bottom:0 !important; }

.banner { z-index:99999; }

/*-------------------- Top bar --------------------*/
.top-bar .row { padding-top:5px; padding-bottom:5px; }
.top-bar form { margin:0; }
.top-bar input { margin:0 15px 0 0; background:#fff; border:1px solid #231f20; border-radius:0; padding:5px; color:#231f20; font-size:14px; box-shadow:none; font-family:"Source Sans Pro"; width:75%; }
.top-bar button { border:none; background:url('images/search-btn.png') 0px 5px no-repeat; width:23px; height:24px; }
.top-bar ul { list-style:none; margin:0; }
.top-bar ul li { display:inline; margin:0 0 0 15px; padding:0; }
.top-bar .modal { margin-top:40px !important; }
.top-bar .modal form { margin-bottom:30px; }
.top-bar .modal form input { width:85%; padding:10px; border:1px solid #ccc; margin:0 10px 0 0; }
.top-bar .modal form button { width:10%; background:#43aee4; color:#fff; padding:10px; border:none; font-weight:700; text-transform:uppercase; }

/* Content layout areas */
.content { background-color:#e2e2e2; }

/* Homepage */
.homepage { background-image:url('images/homepage_bg.jpg'); background-position:center top; background-repeat:no-repeat; padding-bottom:60px; }

.page-wrapper { background-color:#e2e2e2; padding-bottom:60px; }

.page-top .row { padding-top:60px; padding-bottom:60px; }
.page-top h2 { margin-top:0; color:#fff; font-family:"Dancing Script"; font-weight:400; font-size:72px; }
.page-top h2 a,
.page-top h2 a:hover { color:#fff; text-decoration:none !important; }
.page-top h2 strong { color:#ed1c24 !important; font-family:"DIN Bold"; text-transform:uppercase; font-size:72px; }
.page-top p { color:#fff; font-size:30px; line-height:40px; margin-top:30px; }

.internal-top .row { padding-top:60px; padding-bottom:50px; }
.internal-top h2 { color:#000; font-size:48px; }
.internal-top h2 a,
.internal-top h2 a:hover { color:#000; }
.internal-top h2 strong { font-size:48px; }
.internal-top p { margin-top:10px; color:#000; font-size:24px; line-height:34px; }

.homepage-main,
.page-main { background-color:#fff; }

.homepage-row1,
.homepage-row2 { padding-bottom:0; }

.homepage-row1 .homepage-post { border-bottom:10px solid #f5971e; }
.homepage-row2 .homepage-post { border-bottom:10px solid #3aa648; }

.homepage-post { position:relative; padding:0; }
.homepage-post img { z-index:50; }
.homepage-post .post-info { position:absolute; bottom:0; background:url('images/black_overlay_bg.png') repeat; padding:20px 0; width:100%; display:block; }
.homepage-post .post-info p { margin:0 30px; color:#fff; font-weight:600; }
.homepage-post .post-info small { color:#fff; margin:10px 30px 0 30px; }
.homepage-post .post-info a,
.homepage-post .post-info a:hover { color:#fff; }

.homepage-signup { background-color:#eabf1b; margin-top:40px; padding-top:20px; padding-bottom:20px; }
.homepage-signup h3 { color:#fff; margin:5px 30px 0 0; font-family:"DIN Bold"; font-size:24px; display:inline-block; }
.homepage-signup form { width:auto; margin:0; }
.homepage-signup input { padding:10px; background-color:#fff; border:none; color:#000; margin:0; border-radius:0; display:inline-block; width:60%; }
.homepage-signup button { background-color:#ed1c24; border:none; color:#fff; font-weight:900; text-transform:uppercase; padding:10px 20px; }

.post { border-bottom:1px solid #ccc; }
.post img { border-bottom:10px solid #8f57a9; }
.post h4 { margin-top:0; }
.post h4 a,
.post h4 a:hover { color:#000; }

p.tags { font-size:14px; line-height:24px; }

.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;}
.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;}

/* Sidebar elements */
.author-image { margin-bottom: 40px; }

/* Signup form */
.sidebar-signup { background-color:#eabf1b; margin-bottom:40px; padding:30px; }
.sidebar-signup h3 { color:#fff; margin:0; }
.sidebar-signup form { width:auto; margin:30px 0 0 0; }
.sidebar-signup input { padding:5px; background-color:#fff; border:none; color:#000; margin:0 0 10px 0; border-radius:0; width:100%; }
.sidebar-signup button { background-color:#ed1c24; border:none; color:#fff; font-weight:900; text-transform:uppercase; padding:10px 20px; }

/* Archives widget */
.widget_archive { background-color:#f5971e; padding:30px; }
.widget_archive h3 { margin:0; color:#fff; }
.widget_archive label { display:none; }
.widget_archive select { margin:20px 0 0 0; width:100%; padding:10px; }

/* Recent posts widget */
.widget_recent_entries { background-color:#3aa648; padding:30px; }
.widget_recent_entries h3 { margin:0; color:#fff; }
.widget_recent_entries ul { list-style:none; margin-left:0; }
.widget_recent_entries ul li { padding:0; color:#fff; }
.widget_recent_entries a,
.widget_recent_entries a:hover { color:#fff; }

/* Popular posts widget */
.popular-posts { background-color:#43aee4; padding:30px; }
.popular-posts h3 { margin:0; color:#fff; }
.popular-posts ul { list-style:none; margin-left:0; }
.popular-posts ul li { padding:0; }
.popular-posts ul li span { color:#fff; font-size:14px; line-height:24px; font-weight:300; }
.popular-posts a,
.popular-posts a:hover { color:#fff; }

/* Tags widget */
.widget_tag_cloud { background-color:#8f57a9; padding:30px; }
.widget_tag_cloud h3 { margin:0; color:#fff; }
.widget_tag_cloud .tagcloud { margin:20px 0 0 0; }
.widget_tag_cloud .tagcloud a,
.widget_tag_cloud .tagcloud a:hover { color:#fff; }

/* Students link widget */
#black-studio-tinymce-2 { padding-top:0; padding-bottom:0; }
#black-studio-tinymce-2 h3 { font-size:18px; margin-top:0; background-color:#ed1c24; padding:15px 20px; }
#black-studio-tinymce-2 a,
#black-studio-tinymce-2 a:hover { color:#fff; }

/* Elmad widget */
#widget_sp_image-2 { padding-top:0; padding-bottom:0; }
#widget_sp_image-2 h3 { margin-top:0; background-color:#43aee4; color:#fff; padding:15px 20px; font-size:18px; text-transform:uppercase; }

/* MASA widget */
#widget_sp_image-3 { padding-top:0; padding-bottom:0; }

/*-------------------- Search results --------------------*/
.search-results h1 { color:#ed1c24; }
.search-results ul { list-style:none; margin-left:0; }
.search-results ul li { margin-bottom:25px; padding:0; }
.search-results ul li span.url { color:#006621; font-size:12px; line-height:20px; }
.search-results ul li p { margin-top:5px; }
.search-results input { width:350px; margin:0 10px 0 0; }

/*-------------------- Footer --------------------*/
.footer ul { list-style:none; margin:0; }
.footer ul li { display:inline; margin:0 10px; padding:0; font-weight:600; }
.footer p { color:#fff; }
.footer a,
.footer a:hover { color:#fff; }
.footer small { color:#fff; margin-top:10px; font-size:14px; line-height:24px; }




/* Large desktops and laptops */
@media (min-width: 1380px) {
body { padding:0; }
.container-fluid { padding:0; }
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1379px) {
body { padding:0; }
.container-fluid { padding:0; }
.container { width:100% !important; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
body { padding:0; }
.container-fluid { padding:0; }
.container { width:100% !important; }
}

/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 767px) {
body { padding:0; }
.container-fluid { padding:0; }
.page-top h2 { line-height:72px; }
.internal-top h2 { line-height:48px; }
.top-bar .right { text-align:left; }
.top-bar ul { margin:20px 0 0 0; }
.post h4 { margin-top:30px; }
.homepage-post .post-info { position:relative; }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
body { padding:0; }
.container-fluid { padding:0; }
.page-top h2 { line-height:72px; }
.internal-top h2 { line-height:48px; }
.top-bar .right { text-align:left; }
.top-bar ul { margin:20px 0 0 0; }
.post h4 { margin-top:30px; }
.homepage-post .post-info { position:relative; }
}