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

.articleRow {padding-top: 0;}

	.articleContainer {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-left:2%;
		padding: 0;
		list-style: none;
        
        /*margin-right:2%;*/ flex-direction: row;
        
	    }
	.articleContainer li {
		width: 100%;
		margin: 2% 0% 0% 0%;
		/*padding: 0px 0px;*/
		background: #FFF;
		border:thin solid #CFCFCF;
		border-radius: 8px;
        list-style-type: none;
	    }
    .articleContainer li a:hover {text-decoration: underline;}
    .articleContainer li p {
        padding: 0px 10px 0px 10px;
		text-align: justify;
        font-size:16px;
        line-height:24px;
        margin:0px;
        margin-bottom: .5em;
        }
	 .articleContainer li .title {
        font-variant: normal;
        font-family: Arial, sans-serif;
        padding: .5em .5em;
        text-align: left;
        font-size:1rem;
        font-weight: normal;
        margin-bottom:0px;
	    }
	.articleContainer li .titleSub {
        font-variant: normal;
        font-size:.9rem;
        font-family: Arial, sans-serif;
        font-weight: normal;
        font-style: italic;
        text-align: left;
        padding:0 0 0em .9em;
        }
	.articleContainer figure {
		display: block;
		margin: 0px 0 10px 0;
		padding: 0;
		overflow:hidden;
	    }
	.articleContainer figure img {
		width:100%;
		-webkit-transition: -webkit-transform 0.5s ease;
		-moz-transition: -moz-transform 0.5s ease;
		transition: transform 0.5s ease;
	    }
	.articleContainer figure img:hover {
        transform: scale(1.05, 1.05);
        background-color: rgba(237,237,235,1.00);
        }
     li figure img {
        background-color: rgba(237,237,235,1.00);
        }
/* ARTICAL CONTAINERS - END */

/* ARTICLE PAGES WITH COLUMNS  */
    .article_full {
        -webkit-columns: 300px 3; /* Chrome, Safari, Opera */
        -moz-columns: 300px 3; /* Firefox */
        columns: 300px 3;
        column-gap:2em;
        }
    .article_full p:first-of-type {margin-top:0;}
    .columnText {
        padding:0 1%
        }
    .columnText p, li, dd, dt {
        font-size: 16px;
        line-height: 1.4em;
        font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    color: #494949;
        } 
    .columnText dd {margin-left:1em;}
    .columnText ul, li {margin-left:-.5em;}
    .columnText ol, {margin-left:-.25em;}
    .content p {margin:0px 0px 7px 0px;}
    .caption {
    font-weight: bold;
    font-size: 1.3rem;
    }

/* ARTICLE PAGES WITH COLUMNS - END */

/* SCRIPTUREDROP CONTAINER */
    /* background */
    .scripturedrop {
        display: none; /* Hidden by default */
        position:fixed; /* Stay in place */
        z-index: 1; /* Sit on top */
        padding-top: 100px; /* Location of the box */
        left: 0;	
        top: 0;
        width: 100%; /* Full width */
        /*height: 100%;  Full height */
        overflow: auto; /* Enable scroll if needed */
        }

    .scripturedrop-content {
        position: relative;
        background-color: rgba(250,248,248,1.00);
        margin: auto;
        padding: 0;
        border: thin solid rgba(0,0,0,0.00);  /* invisible outer border */
        border-radius: 6px;
        width: 75%;
        /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
        -webkit-animation-name: animatetop;
        -webkit-animation-duration: 0.4s;
        animation-name: animatetop;
        animation-duration: 0.4s;
        }
    .scripturedrop-header {
        padding: 1em 1em;
        background-color: #dcd8cf;
        color: white;
        border-top: thin solid #888;
        border-left: thin solid #888;
        border-right: thin solid #888;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        }

    .scripturedrop-body {
        padding: 2px 16px;
        border-left: thin solid #888;
        border-right:thin solid #888;
        }

    .scripturedrop-footer {
        padding: 2px 16px;
        background-color: #dcd8cf;
        color: white;
        border-bottom: thin solid #888;
        border-left: thin solid #888;
        border-right:thin solid #888;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
        }
        
/* ADD ANNIMATION TO SCRIPTURE DROP */
    @-webkit-keyframes animatetop {
        from {top:-300px; opacity:0} 
        to {top:0; opacity:.5}
        }

    @keyframes animatetop {
        from {top:-300px; opacity:0}
        to {top:0; opacity:.5}
        }
    /*triggerText*/
    .triggerText {
        color: #807363;
        padding:0px 3px;
        font-weight:500;
        }
    .triggerText a {color: #494949;}
    .sideContent .triggerText {
        background-color: #EEEEE8;
        }
    .triggerText:hover {
        background-color: #E5E5E5;
        }
    /* The Close Button */
    .close {
        color:darkslategrey;
        float: right;
        font-size: 2.8rem;
        font-weight: bold;
        }
    .close:hover,.close:focus {
        color: red;
        text-decoration: none;
        cursor: pointer;
        }
    .super {   /* superscript for bible version */
        vertical-align:super;
        font-size:.7rem;
        }
/* SCRIPTUREDROP CONTAINER - END */




.topicBanner {
	width:100%;
	background-color:#A09583;
	padding:20px 30px;
}
.topicBanner h1 {
	text-align: left;
}
.topicBox {
    margin:0% 3%;
    padding:2%;
    border-width: thin;
    border-style: solid;
    border-radius: 3px;
    border-color: #606060;
}

.topicIntro {
    /*padding: 1em;*/
    background-color: #FFFFFF;
    font-size:1rem;
    padding-bottom: 1.5em;
}
.topicIntro img {
	border:thin solid white;
	border-radius: 7px;
	padding:0;
}
.topicIntro p {
	/*margin:15px 0 6px 0;*/
    text-align:justify;
	font-weight:400;
    font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
    font-size:1rem;
}
.topicIntro .bibleVerse p {
    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-style: italic;
    font-size:1rem;
}
.topicContent {
	padding-bottom:0px;
}
.topicContent p {
	margin:6px 0px;
	text-align:justify;
}
.topicContent h4 {margin:1em 0 .5em;}
.topicContent a {
	color:#56381B;
	text-align:right;
	padding:0px 10px;
}
.topicContent a:hover {
    background-color: hsla(29,53%,11%,0.10);
}
.bibleVerse p{
    font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
    font-style: italic;
    font-size: 1.2rem;
    text-align: center;
    font-variant: normal;
    font-weight: normal;
    margin:2% 10%;    
}


.newsClip {
    background-color: #A09583;
    padding: 5%;
    color: white;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
	font-size: 1.3rem;
}

.checkmark {
		width:22px;
		float:left;
        margin-right:10px;
	}

.inset {
    width:100%; 
    padding:.8em; 
    border:thin solid #E0E0E0;
    background-color: #F7F7F7; 
    border-radius:.7em;
}
.inset p {
    font-size:.8rem;
    font-family:tahoma;
}

.highlights {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
    font-weight: bold;
    font-size:1.4rem;
    color: #56382E;
    text-align: left;
}


.sotBox {    /*standOutText*/
    font-style: normal;
    font-variant: normal;
    font-weight:400;
    text-align:justify;
    width:100%;
    padding:0;
}
.sotLG {
    font-size: 1.2rem;
    /*padding: 0 0em;*/
}
.sotMED {
    font-size: 1.1rem;
    /*padding: 0 0em;*/
}
.sotNORM {
    font-size: 1rem;
    /*padding: 0em;*/
}

.headerSmall a {
    padding-left: 10px;
    padding-top:10px;
    text-decoration: none;
}
.fullWidthBox {
    width: 100%;
    padding: 20px;
    font-family: "Palatino Linotype", 'Palatino Linotype', 'Century Schoolbook L', 'Times New Roman', 'serif'"Century Schoolbook L", "Times New Roman", serif;
}


.content p {
		padding: 0px 10px 20px 10px;
		text-align: justify;
	}	
.sideContent {
	padding:0 10px;
	font-size:.9rem;
	text-align:justify;
}
.sideContent p  {
	text-align:justify;
}

.picCredits {
        display: inline;
        font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
        color: grey;
        font-size: .5rem;
        margin-left:5px;
    }
.picCredits a, a:visited {color:grey;}
.picCredits a:hover {background-color: lightgray;}
.picCredits figcaption {text-align: center;}

.boxButton {
    border:thin solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    font-family: Calibri;
    font-size: 0.75rem;
    /*font-weight: lighter;*/
    padding-top: 0.3em;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 0.3em;
    margin-bottom: 1em;
    text-decoration: none;
    letter-spacing: 0.05em;
}
.boxButton a:visited {color:white;}


.clearButton {
    letter-spacing: 0.05em;
    text-decoration: none!important;
    border:thin solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    font-family: Calibri;
    font-size: 0.75rem;
    font-weight:normal;
    padding-right: 1em;
    padding-left: 1em;
    padding-bottom: 0.3em;
    margin-top:1em;
    margin-bottom: 1em;
    margin-left:1em;
    letter-spacing: 0.05em;
    text-decoration: none!important;
}
/*.clearButtonBottom {margin-bottom:.4em;}
.clearButton:hover {
	background-color:#F2F2F2;
    text-decoration: none!important;
}*/

@media only screen and (max-width: 549px) {
	.myDropnav [class*="col-"] {
		width: 50%;
		font-size:1.1rem;
	} 
    .AYFlogo img {
        width:10%;
    }
    .topNavBar li {font-size:.75rem;}
    .fullWidthBox {padding:20px 5px;}
    /*.articleContainer {margin-right:2%;}*/
    
    
}
@media only screen and (min-width: 550px) {
	.pagewidth {padding-right:0;}
    .articleContainer {
        /*flex-direction:row;
	    width:auto;*/
    }
	.three-wide li {
		width: 48%;
		margin: 2% 2% 0% 0%;
	}

    .four-wide li {
        width: 48%;
        margin: 2% 2% 0% 0%;
    }
    
	.top-right {
		top: 4px;
		right: 10px;
	}
   	.topNavBar ul li {font-size:100%;}
	.nbWidth {width:45%;}
    .scripturedrop-content {width:60%;}
    .topicContent p {margin: 0px 20px 0 0px;}
}

@media screen and (min-width: 769px) {
	.headerMax768 {display:none;}
	.headerMin769 {display:block;}
    .headerMin769 #topNavBar {
		padding: .5% 0;
		border-radius: 6px 0 0 6px;
	}
    .hideSmall {display:block;}
    .showSmallOnly {display:none;}
	.topNavBar ul li {font-size:90%;}
    .headerMin769 .top-right {right:0px}
    .timer {font-size:180%;}
	.nbWidth {width:45%;}
	.hideSmall {display: block;}
    .bibleVerse {font-size:1.3rem;}
    .sotBox {padding:0 10%;}
	.scripturedrop-content {width:50%;}	
    
}
@media only screen and (min-width: 900px) {
    .pagewidth {padding-right:0}
	.three-wide li {width: 31.3%;}
    .four-wide li {width: 23%;}
    .four-wide li p {
        font-size:14px;
        line-height:18px;}
    .nbWidth {width:45%;}
    .bibleVerse {font-size:1.4rem; }
    .topNavBar ul li {font-size:100%;}
    .scripturedrop-content {width:35%;}
}
	
@media only screen and (min-width: 1000px) {
	.topNavBar ul li {font-size:100%;}	
	.nbWidth {width:45%;}
    .scripturedrop-content {width:30%;}
    .topicIntro p {
		/*margin:25px 0px 15px 25px;*/
		font-weight:400;
	}
  }