@charset "utf-8";
/* CSS Document */

	* {
    box-sizing: border-box;
    /*text-align: justify;*/
    font-style: normal;
    /*list-style-type: disc;*/
}
    
html { -webkit-text-size-adjust: 100%;} /* Prevent font scaling in landscape while allowing user zoom */
.col-m-4.col-s-12 .topicBox h3 {
}
.col-m-4.col-s-12 .topicBox h3 {
}
.col-m-4.col-s-12 .topicBox h3 {
}



   
/*  FONT SIZING */
/* FONT SIZE CALCULATOR CODE*/
/*font-size: calc([minimum font size] + ([maximum font size] - [minimum font size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width]))); */

/* Font Size @ 350vw = 16px; @ 1120vw = 18px */ 

@media only screen and (min-width:320px)
    {html {font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1100 - 320)));}}
@media only screen and (min-width: 1100px) {html {font-size:18px;}}

/*use REM units below*/
h1 {font-size:1.8rem;} 
h2 {font-size:1.5rem;}
h3 {font-size:1.4rem;}
h4 {font-size:1.2rem;}
h5 {font-size:1.1rem;}
p  {font-size:1.0rem;}
ul, li, dt, dd {font-size:1.0rem;}

h1, h2, h3, h4, h5	{
    margin: 0px;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    font-style: normal;
    color: #3f2914;
}
p {
    line-height: 1.4em;
    margin-bottom: 1em;
    text-align:justify;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    color: #494949;
}
.hdng1 {font-size:1.8rem;} /*'hdng?' simulates a heading without being a heading*/
.hdng2 {font-size:1.5rem;}
.hdng3 {font-size:1.4rem;}
.hdng4 {font-size:1.2rem;}
.hdng5 {font-size:1.1rem;}
.hdng1, .hdng2, .hdng3, .hdng4, .hdng5	{
    margin: 0px;
    font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    font-style: normal;
    color: #3f2914;
}

.super {   /* superscript for bible version */
    vertical-align:super;
    font-size:.6rem;
}
 
sup {
    vertical-align:super;
    font-size:.6rem;  
}

body {
        background-color: #CBC5C0;        
		}
body, html {
      -ms-text-size-adjust: none;
      -moz-text-size-adjust: none;
      -o-text-size-adjust: none;
      -webkit-text-size-adjust: none;
    }

    a {
        text-decoration: none;
    }
   
   .hebrewTxt, span .hebrewTxt, p .hebrewTxt {
        font-size: 22px;
        font-family:'Times New Roman';
        lang:HE;
        dir:RTL;
}
    .greekTxt {
        font-size: 1.0rem;
        font-family:'Times New Roman';
        lang:el;
        dir:LTR;
}

    .fontWHITE {color:white;}
    .fontLIGHT {color:#e9e6e4;}
    .fontBROWN {color:#594833;}
    .fontLIGHTBROWN {color:#807363;}
    .fontGOLDEN {color:#A47E4D;}
    .fontBLUE-GREEN {color:#3E82A5;}
    .fontDARKBLUE-GREEN {color:#324C59;}
    .fontDARK p, h1, h2, h3, h4, h5, h6, ul, li, dl, dd, dt {color:#505050;} /*default font color*/

    .bdrWHITE {border-color:white;}    
    .bdrLIGHT {border-color:#e9e6e4;}
    .bdrBROWN {border-color:#594833;}
    .bdrLIGHTBROWN {border-color:#807363;}
    .bdrGOLDEN {border-color:#A47E4D;}
    .bdrBLUE-GREEN {border-color:#3E82A5;}
    .bdrDARKBLUE-GREEN {border-color:#324C59;}

    .bkgndWHITE {background-color:white;}
        .bkgndWHITE:hover {background-color:#F0F0F0;}
    .bkgndLIGHT {background-color:#e9e6e4;}
        .bkgndLIGHT:hover {background-color:#DAD5D1;}
    .bkgndBROWN {background-color:#594833;}
        .bkgndBROWN:hover {background-color:#50412E;}
    .bkgndLIGHTBROWN {background-color:#807363;}
        .bkgndLIGHTBROWN:hover {background-color:#91836b;}
    .bkgndGOLDEN {background-color:#A47E4D;}
        .bkgndGOLDEN:hover {background-color:#987547;}
    .bkgndBLUE-GREEN {background-color:#3E82A5;}
        .bkgndLUE-GREEN:hover {background-color:#367391;}
    .bkgndDARKBLUE-GREEN {background-color:#324C59;}
        .bkgndDARKBLUE-GREEN:hover {background-color:#2A414C;}

   
	/*  POSITION TEXT OVER AN IMAGE  */
	.img-container {
		width:100%;
		position:relative;
		text-align: center;
	}
	/* Bottom left text */
	.bottom-left {
		position: absolute;
		bottom: 8px;
		left: 16px;
	}

	/* Top left text */
	.top-left {
		position: absolute;
		top: 8px;
		left: 16px;
	}
    
    /* Left-centered text */
    .left-centered {
        position: absolute;
		left: 1rem;
        top: 50%;
		transform: translate(-50%, -50%);
    }

    /* right-centered text */
    .right-centered {
        position: absolute;
		right: 1rem;
        top: 50%;
		transform: translate(-50%, -50%);
    }

	/* Top right text */
	.top-right {
		position: absolute;
		top: 4px;
		right: 16px;
	}

	/* Bottom right text */
	.bottom-right {
		position: absolute;
		bottom: 8px;
		right: 16px;
	}

	/* Centered text */
    .centered {
		position: absolute;
		top: 50%;
		left: 50%;
        transform: translate(-50%, -50%);
	}

	/* Top-Centered text */
	.top-centered {
		position: absolute;
		top: 8px;
		left: 50%;
		transform: translate(-50%, -50%);
	}

    /* Bottom-Centered text */
	.bottom-centered {
		position: absolute;
		bottom: 8px;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	/*  END - POSITION TEXT OVER AN IMAGE  */

    /*  PAGE LAYOUT */
	
    [class*="col-"] {    /* For mobile phones: */
        width: 100%;
}
	
	[class*="col-"] {    /* For Desktops */
		float: left;
		/*padding: 10px;*/
	}

    @media only screen and (min-width: 350px) {
/* For cell phones horizontal */
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}
}

    @media only screen and (min-width: 550px) {
/* For cell phones horizontal */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}

@media only screen and (min-width: 769px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}

@media only screen and (min-width: 1100px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}

    .row {					/*container for series of columns*/
		width:100%;
	}
    .row::after {			/*row designation for collapsable divs*/
		content: "";
		clear: both;
		display: block;
	}
    .column {
        float: left;
        width: 50%;
    }

    img {				/*automatically centers all images*/
   		display: block;
    	margin: auto;
    	height: auto;
	}
    /*  PAGE LAYOUT END */
	
    .hideSmall {display: none;} 		/*automatic state for Phones*/
	
    .showSmallOnly  {display: block;}
    header {
        max-width:1200px;
        margin-left: auto;
        margin-right: auto;
    }
    header li {font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;}

/*  PAGE HEADER */
    
    .headerMax768 {
		display:block;
		}
    .headerMax768 a {color:#e9e6e4;}
	.headerMin769 {
		display:none;
		}
 	.headerMax768 h1, .headerMin769 h1{
		font-style:italic;
		color:white;
    }
	.headerMax768 h2, .headerMin769 h2{
		font-style:italic;
		color:white;
    }
   .headline {
       width:100%;
   }
    .headline h1, .headline h2 {text-align:center;}
    
	
/* FLEX BOX NAVIGATION BAR  */
   
    .headerMin769 .topNavBar, .headerMax768 .topNavBar {
        padding: .5% 0;
        border: thin solid hsla(30,98%,81%,0.39);
        border-radius: 3px;
        background-color:rgba(65,37,2,0.20);
    /*background-color: rgba(110,56,2,0.70);
    border: thin solid rgba(184,93,3,0.70);
    border-radius: 6px;*/
    /*background-color: rgba(83,53,16,0.56);
    border-radius: 6px 0px 0px 6px;
    border-color: hsla(32,77%,12%,0.65);*/
	}
    .topNavBar {
		margin: 10px 1em;
	}    	
    .topNavBar ul {
	 	font-size:.8rem;
        display: flex;
	  	flex-direction: row;
		margin: 0;
	 	padding: 0;
	}
	
	.topNavBar ul li {
		list-style: none;
	}
	.topNavBar ul li:first-child {
	 	border-left: none;
	}
	.topNavBar ul li a {
    	display: block;
    	color:#e9e6e4;
		text-align:center; /*padding: 10px 0;*/
	}
	.topNavBar ul li a:hover {
    color: #8C806B;
    /*background-color: #594833;*/
   	}
	.topNavBar ul li {
		flex-grow: 1;
	}
	.nbWidth {width:40%;}  /* navbar width */

	/* END OF FLEX BOX NAVIGATION BAR  */

    /*  PAGE HEADER END */	


	/* DROP MENU */
	.myDropnav {
		width:100%;
		background-color:black;
		margin-top:0px;
	}
    .dropMenuItem {
        padding: 5% 0% 5% 0%;
        margin:10px;
        background-color: #1B1919;
        text-align: center;
        border: thin solid #282828;
        border-radius: 2px;
	}

	.dropMenuItem:hover {
		background-color:#2B2929;
	}
	.myDN {
		color:#DD960D;
		margin:0px 5% 0px 90%;
	}
	.myDN:hover  {color:red;}
	.myDropnav a {
		color:#DD960D;
	}
	/* DROP MENU END */

    .mainWrapper {      /*wraps everything between header and footer - No margin on sides*/
		margin-left: auto;
		margin-right: auto;
		background-color: white;
		max-width: 1200px; 
    }
	.contentWrapper  {   /*wraps everything iside the Main Wrapper that needs margins on L & R */
		margin:0 1em;
	}
	footer {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
    }
	footer p, footer li {
        text-align: left;
        margin: 0px;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
        font-size:.9rem;
        color: #e9e6e4;
	}
    footer li {margin-bottom:2em;}

    @media only screen and (min-width:769px){footer li {margin-bottom:.5em;}}
    
    footer a:link {color:#e9e6e4;}
    footer a:visited {color:#e9e6e4;}
    footer a:active {color:#e9e6e4;}
    footer a:hover {color:#8C806B;}

    .newMonth {
        text-align:center;
        font-family: Constantia, 'Lucida Bright', 'DejaVu Serif', Georgia, serif; 
        font-size: 1.2rem;
    } 
    .month-day {
        font-family: Arial;
        text-align: center; 
        font-size: .8rem;
    }

    /*Torah Portions*/
    .tpHeader {
        text-align: center;
        font-family: Constantia, 'Lucida Bright', 'DejaVu Serif', Georgia, serif; 
        font-size: 1.2rem;
    }
    .tpTitle {font-size:1.2rem;}
    .tpInfo {text-align: center; font-size: 1.rem;}
    .tpDef {font-size:.9rem;font-style: italic;}
	
/*   SEARCH BUTTON    */
#searchform {
	width: 72%;
	float:left;
	margin-left: 0px;
	margin-top:16px;
	text-align: right;
	}
#query {
    border-radius: 6px;
    width: 40%;
    padding: 4px 5px;
    background: rgba(153,153,153,0.32);
    border: 1px solid #9A9A9A;
    border-radius: 6px;
    color: black;
}

#query:focus {
    outline: none !important;
    box-shadow: 0 0 10px #719ECE
}

#search {
	position: relative;
	width: 20%;
	padding: 1% 1%;
	text-align: center;
	left: -8px;
	border: 1px solid #C0C0C0;
	background-color: #007DC3;
	color: #FFFFFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 6px;
}
#search:hover {
	background-color: #59B6DD;
	color: #FFFFFF;
}

#search:focus {
    outline: none !important;
    box-shadow: 0 0 5px #719ECE;
}

#closeSearch {
	width:10%;
	float:left;
	color:#DD960D;
	font-size:250%;
	margin:0;
	padding:0;
}

#closeSearch:hover {color:red;}

::-webkit-input-placeholder {
	/* For WebKit browsers */
	    color: #999999;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
:-moz-placeholder { /* For Mozilla Firefox 4 to 18 */
		color: #999999;
		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
        
}
::-moz-placeholder { /* For Mozilla Firefox 19+ */
    	color: #999999;
		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
       
}
:-ms-input-placeholder { /* For Internet Explorer 10+ */
    	color: #999999;
		font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}