@charset "utf-8";
/* CSS Document */
@media all and (max-width: 800px) {

html{font-size: 85%}
/* prevent font scaling */
html,body {
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}
/* prevent font scaling on Chrome ! */
.layout-outer {max-height: 9000px;}

body{max-width: 100%; min-width: 100%; position:relative; padding-bottom: 0px;}

/* prevent link overflow */
p a{
	 /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

/* generics */
.mobile-only{display: block}

/*scroll top */
.scroll-to-top {display: block; margin:30px auto; color: #5e5e5e; font-size: 1.2rem}
.scroll-to-top a:hover{text-decoration: none}

/* generic table conversions */
.area-inner > table:not(.preserve){display:block; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; height: auto !important; }
.area-inner > table:not(.preserve) > tbody{display:block;}
.area-inner > table:not(.preserve) > tbody > tr{display:block;}
.area-inner > table:not(.preserve) > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
.area-inner > table:not(.preserve) > tbody > tr > td img{display:block; height: auto !important; max-width: 100%; padding:0 !important; margin:20px auto !important}

form > table:not(.preserve) {display:block; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; height: auto !important; }
form > table:not(.preserve) > tbody{display:block;}
form > table:not(.preserve) > tbody > tr{display:block;}
form > table:not(.preserve) > tbody > tr > td{display:block;width:auto !important; padding:2px 0 !important; margin:0 !important; text-align: left !important}

.article-content > table:not(.preserve){display:block; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; height: auto !important; }
.article-content > table:not(.preserve) > tbody{display:block;}
.article-content > table:not(.preserve) > tbody > tr{display:block;}
.article-content > table:not(.preserve) > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
.article-content > table:not(.preserve) > tbody > tr > td img {width: 70% !important;height: auto !important;margin: 20px auto !important;max-width: 400px;float: none !important;}

/*menu */
.menu-highlight{color: #FFF !important;}
.menu-category-highlight{color: #FFF !important;}
.menu-sub-category-highlight{color: #FFF !important;}
.current-page{color: #ECBF00 !important;}
#menu-bar{display:none}
#menu-outer{display:none}
#column-left-small{display:none}
.mobile-nav .menu-social-media{display: none}
.mobile-nav{display:block; position:absolute;left:-86%; width:86%; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif ; min-height: 100%; background-image: none; background-color: #333}
.mobile-nav ul{    margin: 0; padding:0}
.mobile-nav ul li { background-color: transparent; display: block; float: none; border-top: 1px solid #666666; font-size: 1.17rem !important; list-style: outside none none; margin: 0; padding:0}
.mobile-nav ul li ul li a{ margin-left:20px;}
.mobile-nav ul li ul li ul li a{ margin-left:40px;}
.mobile-nav ul li a { color: #fff; display: block; margin: 0; padding: 7px 14px; text-decoration: none; white-space: normal; text-align:left;}
.mobile-nav > ul > li > a.privacy{text-transform: none}  
.mobile-nav > ul > li > a {text-transform:uppercase}
.mobile-nav > ul > li > a br{display: none}
.menu ul{border-bottom: 0px solid #ccc;}
.mobile-header-outer{background: url(/images/banner-gradient.jpg) repeat-y top center #001149; padding:0px;}
.mobile-header{display:table; width:100%; margin:0px  ; background: #333; padding: 7px 0 7px 10px;}
/* privacy menu */
.mobile-nav .privacy {color: #fff;display: block;margin: 0;padding: 7px 14px;text-decoration: none;white-space: normal;text-align: left;border-top: 1px solid #666666;}
.mobile-nav .privacy a{color: #fff;font-size: 1.17rem !important;}
.mobile-nav > p:first-of-type {

    border-top: 1px solid #666666;

}
.mobile-nav > p {

    color: #fff !important;
    font-size: 1.17rem !important;
    padding: 7px 14px;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;

}
.mobile-nav > p a {

    color: #fff !important; 

}
/*header */
.mobile-header-outer{display:block; }
.header-top{padding: 5px 0}
.header-top td:first-child {padding-left: 15px;}
.banner {display:none}
.banner-mobile {display:block;padding:0px; text-align: center;  cursor: pointer;  }
.banner-mobile img{width:100%; margin:0px auto; border-radius: 0px}
.banner-mobile p{text-align: center; color:#fff; font-style: italic; margin: 15px 0 0 0; font-family: "Palatino Linotype","Book Antiqua",Palatino,serif; letter-spacing: 0.04em}
.banner-mobile p br{display: block}

.header{display:none}
.header-top-outer{display: none}
.hamburger{display:table-cell;text-align:left;vertical-align:middle;padding:0 ; cursor: pointer; width:30px ; height:24px; background: url(/images/mobile_hamburger.png) no-repeat 0px 0px ; background-size: 30px 24px;}
.hamburger img{width:auto; height:24px; display: none}


.header-outer{display:none}

.flags{position: static; display:block ;text-align:left; line-height:0; vertical-align:middle;padding:12px 0; background: #000 }
.flags a{display:inline-block; margin:0 15px 0 0}
.flags a:first-child{display:inline-block; margin:0 15px 0 15px}
.flags img{width:auto; height:18px; margin: 0 }


/*structure */
.full-outer{overflow:hidden;}
.outer-container{ width:100% !important; padding: 0; }
.inner-container { margin: 0px ; padding:0px; width:auto !important;}
.flex{display: flex; flex-direction: column; flex-wrap: wrap; margin: 0; padding: 0px;}
.flex > .area {width: 100% !important} 
.layout-outer {margin: 0px; padding-top: 0px; width: 100%}
.column-small .area-content p{font-size: 1.1rem; margin: 10px 0}
.column{width:100% !important; padding-left:0px; padding-right: 0px}
.layout-structure{padding-left:20px; padding-right: 20px}
.outer-column{width:100% !important}
.area {width: auto !important; order: attr(data-mobile-order);}
.area div {max-width: 100%}
.area-inner p{margin:10px 0}
.area-inner > img{max-width: 95%; height: auto !important; width:70% !important}
.area-inner > p img{max-width: 95%; height: auto !important; width:70% !important}
.area-inner > a > img {max-width: 95%;height: auto !important; width:70% !important}
.area-inner > p > a > img {max-width: 95%;height: auto !important; width:70% !important}
.area-inner > div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
.area-inner > .clearfix > div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}





.fullnav-right{width: auto !important; display:block; max-width: 100%; float: none}
.fullnav-left {display:none}
.fullnav-row {display:block}
#column-full .box .fullnav-right.area-inner {padding-top: 0px !important}
.full-side-nav .box-border{width: auto; display: block}
#column-center-medium .area-inner{padding:10px}
#column-full .area-inner{padding:10px}
#column-left-medium .area-inner{padding:10px}
#column-right-medium .area-inner{padding:10px}
.collection-footer-nav div{padding: 0}
.box-top{ padding-left: 20px; padding-right: 20px}
.full-side-nav .box-top{display: none}
.full-side-nav .box-border {border-top: none}
.bottom-outer{ width:100% !important;}
.area .box-border{width: 100%; margin: 0 auto; max-width: 100%; float: none;  padding: 0px}
.box .area-inner{margin: 20px}
#column-full .box .area-inner {padding: 20px 20px 20px;width: auto;margin: 0 auto;}
#column-full .boxpad .area-inner {padding: 20px 20px 20px;width: auto;margin: 0 auto;}
.unbox{}


.dblbox-inner{padding: 0px}
.dblbox-inner .box-border{max-width: 540px} 
.tribox-inner{padding: 0px}
.tribox-inner .box-border{max-width: 540px}

/* top extra stuff */
.top-extra.home {display: none} 
.top-extra{display: block; width: auto; }
.top-extra-row{display: block}
.top-extra-left{display: block; width:auto; vertical-align: middle}
.top-extra-right{display: block; text-align: left}
.top-extra-right .jssocials-share-outer {
    text-align: left;
	margin: 0 0 10px 20px
}

.jssocials-share{font-size: 1.4rem; margin: 0 0 0 5px;}
.jssocials-share-outer .jssocials-share{font-size: 1.4rem; margin: 0 0 0 5px;}
.jssocials-share-outer .jssocials-shares {margin: 0 0 7px;}


.jssocials-box .jssocials-share {font-size: 1.4rem; margin: 0 0 0 5px;}
.jssocials-box  {padding-right:0px;} 
	.jssocials-box a.subscribe{display:table-cell !important; }
	
	#jssocials-share-post .jssocials-share{font-size: 1.4rem; margin: 0 0 0 5px;}
	.post-single .jssocials-share-outer{text-align: left}
#jssocials-share-post .jssocials-shares {margin: 0 0 7px;}
.top-extra .jssocials-share-outer{margin-right: 3px}



/* breadcrumbs */
#breadcrumbs {padding-left: 20px}
#breadcrumbs a {white-space: normal;}


/*autoslide */
.autoslide-outer{margin-top: 20px; margin-bottom: 20px; width: 100%; max-width: 400px !important;}
.area-inner > table #autoslide-wrapper img{width: 100% !important;
height: auto !important; max-width: none !important}
/*elements */
.area-inner > table:not(.preserve) img{ width: 70% !important ;max-width: 440px; height: auto !important}
.area-inner > table.preserve img{ }
.area-inner > table.preserve img.left{ }
.spanish-advent-home td:first-child{width: 100px !important; padding-right:20px}
.spanish-advent-home td:first-child img{width: 90px !important; height: auto !important; margin: 0 !important}
img.center{margin: 20px auto !important}
img.left{display: block; margin: 20px auto !important; float: none !important}
img.right{display: block; margin: 20px auto !important; float: none !important}
img[class*="margin-left-"]{display: block; margin-left: auto !important; margin-right: auto !important; margin-top: 20px !important}
img[class*="margin-right-"]{display: block; margin-right: auto !important; margin-left: auto !important; margin-bottom: 20px !important}
img.mobile-full{width:100% !important; }

p{ margin-left: 0;}
textarea{width:100% !important;}
.inputbox{max-width: 100%}



.box p, .box h2, .box h3, .box h4, .box h5, .box h6, .box ul, .box hr{margin-left: 0px}



h1, .box-top{font-size: 1.9rem; }
h2{font-size: 1.7rem; }
h3{font-size: 1.5rem;}
h4{font-size: 1.41rem;}
h5{font-size: 1.35rem;}
h6{font-size: 1.3rem;}

h1, .box-top {margin: 0px 0 25px 0 !important}
h1 *, .box-top * {margin: inherit !important}

h3 em, h3 i{font-size: 118%}
h4 em, h4 i{font-size: 120%}
h5 em, h5 i{font-size: 122%}
h6 em, h6 i{font-size: 122%}

[data-font-resize='124'] span {font-size: 115% !important;}
[data-font-resize='120'] span {font-size: 111% !important;}
[data-font-resize='110'] span {font-size: 107% !important;}
[data-font-resize='110'] span {font-size: 105% !important;}

ul, ol { padding: 0 0 0 20px}

.area-inner > h1:first-child{margin-left: 0px;}
.area-inner > h1.center:first-child{margin-left: auto;}
.area-inner > h1:first-child + h3{margin-left: 0px;}
.area-inner > h1:first-child  + h3.center{margin-left: auto;}

.article-content > h1:first-child{margin-left: 0px;}
.article-content > h1.center:first-child{margin-left: auto;}
.article-content > h1:first-child + h3{margin-left: 0px;}
.article-content > h1:first-child  + h3.center{margin-left: auto;}

.article-content > h3:first-child + h1{margin-left: 0px;}
.article-content > h3:first-child  + h1.center{margin-left: auto;}

.article-content > h3:first-child{margin-left: 0px;}
.article-content > h3.center:first-child {margin-left: auto;}



hr {width: auto;}
.divider-full{display: none !important}

h1 br{ display: none}
h2 br{ display: none}
h3 br{ display: none}
h4 br{ display: none}
h5 br{ display: none}
h6 br{ display: none}
p br{ display: none}
cite {margin: 15px 30px;}

*[class*="margin-top-40"]{margin-top: 20px !important}
*[class*="margin-bottom-40"]{margin-bottom: 20px !important}
*[class*="margin-top-30"]{margin-top: 20px !important}
*[class*="margin-bottom-30"]{margin-bottom: 20px !important}

.mobile-max-180{max-width: 180px !important}
.mobile-max-240{max-width: 240px !important}
.mobile-max-height-156{max-width: 156px !important}

.area-inner .mobile-width-60-percent{width: 60% !important}
.area-inner .mobile-width-70-percent{width: 70% !important} 
.area-inner .mobile-width-80-percent{width: 80% !important} 
.area-inner .mobile-width-90-percent{width: 90% !important} 
.area-inner .mobile-width-100-percent{width: 100% !important} 

.article-content .mobile-width-60-percent{width: 60% !important}
.article-content .mobile-width-70-percent{width: 70% !important} 
.article-content .mobile-width-80-percent{width: 80% !important} 
.article-content .mobile-width-90-percent{width: 90% !important} 
.article-content .mobile-width-100-percent{width: 100% !important}

.article-content img.mobile-margin-top-0 {margin-top: 0 !important}
.article-content img.mobile-margin-bottom-0 {margin-bottom: 0 !important}

.article-content > table:not(.preserve) > tbody > tr > td img.mobile-width-60-percent{width: 60% !important}


.width-200{ width: 200px}
.width-300{ width: 100%; max-width: 300px !important;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.width-400{ width: 100%; max-width: 400px !important;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.width-500{ width: 100%; max-width: 500px !important;  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
.width-640{ width: 100%}

p[class*="margin-left-"]{margin-left: 0px !important}
p[class*="margin-right-"]{margin-right: 0px !important}
ul[class*="margin-left-"]{margin-left: 0px !important}
ul[class*="margin-right-"]{margin-right: 0px !important}

/*footer */
#all-footer{display: none}



/*search */
.search-div .search-form{display:block;width:100% !important;}
.search-div .search-form tbody{display:block;width:100% !important;}
.search-div .search-form tr{display:block;width:100% !important;}
.search-div .search-form td{display:block;width:100% !important;}
.search-div #submit_search{margin:5px 0 !important}
.search-div form td.inputs{width:100% !important;}
.search-div form input{width:100% !important;}
.search-div form input[type="submit"]{width:auto !important;}
.search-div div{width:100% !important; margin-left:0 !important; margin-right:0 !important}

/*social media */
.social-outer { display: block;border-top: 1px solid #666666;padding: 10px 14px;}
.social-outer img{ display: inline-block;margin: 0 30px 0 0; height: 32px;border: none;}

/* resources */
.links-table td{padding: 10px 0 10px 0; font-size: 1.4rem}
.links-table td p{margin: 0; text-align: left; ; font-size: 1.4rem} 
.links-table td:first-child {width: 110px; padding-right: 10px}
.links-table td img{width: 100% !important; height: auto !important}

/*acim */
.acim div {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
.acim-blurb p br{display:none}
.acim > div.divider-full{width:100% ; margin:20px auto !important}
.acim p.quote{margin:3px 20px !important;}
.acim #acimgo {margin:5px 0 !important}
.acim .acim-nav{margin-bottom:10px !important; display:block}
div.lod{padding: 0}
div.lod h4{font-size: 1.5rem !important}
div.acim h4{font-size: 1.5rem !important}
div.lod h4 br { display: none !important}
div.acim h4 br { display: none !important}
.acim .manual-pages{display:block ; margin:5px 0 !important; }
.acim .workbook-pages{display:block ; margin:5px 0 !important; }
.acim .text-chapters{display:block ; margin:5px 0 !important; width:auto !important}
.acim .text-outer{display:block !important; margin:5px 0 !important; width:auto !important}
.en_text .ui-selectmenu-button{width:100% !important;}
.en_workbook .ui-selectmenu-button{width:100% !important;}
.en_manual .ui-selectmenu-button{width:100% !important;}
.text-chapters select{width:100% !important;}
.text-outer select{width:100% !important;}
.workbook-pages select{width:100% !important;}
.manual-pages select{width:100% !important;}

/*contact */
.contact-form{display: block}
.contact-form p { display: block}
.contact-form p span{ display: block; text-align: left; padding:0px;}

.area-inner > table.contact-details > tbody > tr > td{padding: 2px 0 !important }
table.contact-details p{text-align: left }
form#contact-form > table > tbody > tr > td{padding: 2px 0 !important }
form#contact-form td:first-child{ text-align: left }
form#contact-form input[type="submit"]{ float: none }
form#contact-form textarea {width: 100%; height: 15rem}



/*collection articles */
.article-content hr { width: auto;}
.article-list td.article-list-para{height: auto !important}
.article-single .article-content{width: auto; margin: 20px}
.article-single .box-border {padding: 0px}
.article-list-pic img{ width: 80px !important; margin:6px 12px 0 0px !important;}
.article-list-para a{ }
.article-list-para p{ }
.article-list-para p.date{ display:block; margin: 4px 0 !important}
.article-list-para {vertical-align:middle}
.article-content img{width:80% !important; height: auto !important; margin:20px 10% !important; max-width:400px; float: none !important;}

/*collection audios */
.audios{width: auto; margin: 20px 0 0 0}
.audio-single{ width: auto}
.audio-player{width: auto }
.audio-wrapper{width: auto !important; margin: 10px 0 !important; float: none !important; padding: 0 !important }


/*collection articles */
.article-content { padding: 0px 0px 20px 0;}
.article-content #article-addthis{ float: left; margin-bottom:10px}
.article-content p.tags-top{ color: #667; float: none; margin:5px 0 10px 0; text-align: left}
.article-content p.tags-top a{ color: #667; display:inline; font-size: 1.1rem; margin-right: 10px}
.article-list-pic img{ width: 100px !important; margin:6px 12px 0 0px !important;}
.article-list-para a{ }
.article-list-para p{ }
.article-list-para p.date{ display:block; margin: 4px 0 !important}
.article-list-para {vertical-align:middle}
.article-content img{width:70% !important; height: auto !important; margin: 20px auto !important; max-width:350px; float: none !important; display: block}
.article-content img.mobile-full{width:100% !important; max-width: none; }
.article-content table:not(.article-top) img{margin: 0 auto 20px auto !important; }
.article-content table.gray-table{margin:25px 0 !important} 
.article-content table.gray-table > tbody > tr > td{padding:20px !important; }
.article-content p a{display: inline}
.area-inner .article-content .article-top{margin-bottom:15px !important}
.article-content h1{ }
.article-content h3{ }
.article-list-outer{padding: 0 0 20px 0}
.article-list h3{margin: 10px 0 0 0; font-size: 1.6rem }
.article-list h3 a{}
.article-list h4{margin:2px 0 0 0; font-size: 1.4rem }
.article-list p{text-align: left; }
.article-list:not(.preserve) {display: block; float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
.article-list:not(.preserve) > tbody{display:block;}
.article-list:not(.preserve) > tbody > tr{display:block;}
.article-list:not(.preserve) > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
.article-list:not(.preserve) > tbody > tr > td:first-child{display:block;width:auto !important; padding:0 0 5px 0 !important; margin:0 !important}
.article-list:not(.preserve) > tbody > tr > td.article-list-pic{padding: 0 10px 0 0; display: inline; float: left;}
.article-list:not(.preserve) > tbody > tr > td.article-list-para{padding: 0 ; display: inline; }
.article-list p.readmore{text-align: right; margin:10px 0}
.article-downloads td p{text-align:center !important; margin:15px auto !important}
.article-audio .borderTableGold {margin: 0 auto 15px auto;  max-width: 250px; padding: 10px}
.article-audio td:first-child img{width: 92% !important; height: auto !important; margin: 10px !important; box-sizing: border-box; }  
.article-audio td{text-align: center} 
.article-audio p{text-align: center; }

/* video  */
.mobile-video-wrapper{width: 100%; position:relative; height:0px; overflow:hidden;  padding-bottom:75%; border:1px solid #000;}
.mobile-inner-wrapper{height: 100%; width: 100%; position:absolute; top:0; left:0; width:100%; height:100%;} 
.mobile-video{ display: table ; width:100%; height:100%;}



.area-inner > div > table:not(.preserve) > tbody > tr > td {
    display: block;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}
.area-inner > div > table.volume-table > tbody > tr > td {
    padding: 0px 30px !important;
}

/*audio */
.audio-container iframe{ height:40px;   }
.area-inner div.audio-container{padding-top: 40px !important; }

/*select */
.prettySelect .selectBox {padding: 0 5px !important}

/* autoslide */
.autoslide-outer {margin: 20px auto;}

/*Slideshow */
#slider-wrapper{ margin: 20px 0 0 0 !important; padding: 0 !important}
#my-thumbs{overflow: auto; }
#slider-left{display:none}
#slider-right{display:none}
#slide-display{margin-top: 0 !important}
#slide-display img{display: block; margin:20px auto !important; max-width: 100% ;}
#slide-display p{margin:20x 0px !important;}
.slideshow-a{}
.slideshow-item td.column-one{padding: 0px; }
.slideshow-item td.column-one img{width:100% !important; height: auto !important}
.slideshow-b {display: block}
.slideshow-b tr {display: block}
.slideshow-b td {display: block; width: auto !important}
.slideshow-b td.column-two{ padding: 0px; vertical-align: middle}

/* MT video */
.vod-titles p{text-align: left}
.vodtitle {font-size: 1.5rem !important;}
.vodsub {font-size: 1.5rem !important;}
.vodepisode{   font-size: 1.2rem !important;}
.vodcode{   font-size: 1.2rem !important;}
.home-vod-table .vod-titles {width: 100% !important;}
.home-vod-table .video-wrapper  {width: 100% !important; max-width: 400px}
	
/*MT radio */
table.mtradio img { display: block; max-width: none !important; width: 120px !important; height: auto !important; border: 2px solid #CCC; margin: 0 15px  0 0; padding: 4px;}
#mtr-play{font-size: 1.3rem }
.mtradio div#speaker{display: none}
.mtradio div#slider-range-max{display: none}
.now-playing{  margin:0 0 3px 0 !important; font-size: 1.2rem !important; }
.track-title{  margin:0 0 15px 0 !important; font-size: 1.4rem; }
.mtradio td .track-title span.mtr_title{font-size: 1.4rem; }
.mtradio td .track-title span.mtr_series{ font-size: 1.2rem; }
.mtradio td p.with-mt{ margin:0 0 20px 0; font-size: 1.2rem}
.mtradio div#player-status img { border: none; margin: 2px 3px 0 0; width: 20px;}
.pl-track-date{  font-size: 1.4rem; }
.pl-track-title{  font-size: 1.4rem;}
.einssein-track-title{ font-size: 1.4rem; }
.nl-track-title{ font-size: 1.4rem; }
#player-status{ }
#player-status img{ height:18px !important}
.modules[id='131'] {min-height:0px}

/* lesson of the day*/
.lesson-of-the-day h5 {font-size: 1.2rem !important}
.lesson-of-the-day h4 {font-size: 1.5rem !important}
p.lesson-signup{text-align:right !important; margin-top:35px}
.lesson-of-the-day table.seven{margin-left:20px !important}
.lesson-of-the-day .jssocials-box{}
.lesson-of-the-day .read-more{margin:15px 0 15px 0}

/* SPreaker audio */
table.audio-player-info {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
table.audio-player-info > tbody{display:block;}
table.audio-player-info > tbody > tr{display:block;}
table.audio-player-info > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}

.jp-audio .audio-player-info td:first-of-type{padding-bottom:30% !important; position:relative; margin: 0 auto 30px !important; width:30% !important; }
.jp-audio .audio-player-info #ajax-mp3-pic{position:absolute;  top:0;  left:0;  width:100%;  height:100%; }
.jp-audio .audio-player-info .now-playing {text-align: center !important}
.jp-audio .audio-player-info .now-playing span {font-size: 1.1rem;}
.jp-audio .audio-player-info .track-title{margin: 10px auto 20px !important; font-size: 1.5rem; font-family: 'Libre Baskerville', "Times New Roman", Times, serif; font-weight:400; letter-spacing:.03em; text-align: center }
.jp-audio  .audio-player-info .track-title a {text-decoration: none; color: #001149 !important; }
.jp-audio .jp-controls {width: 45px !important;height: 30px !important;}
.jp-controls button {font-size: 20px !important;width: 45px !important;height: 30px !important;line-height: 13px !important;}
.audio-player-info .track-title a:hover {text-decoration: underline;}
.audio-player-info .track-title span {text-align: center !important}
.todays-classes{margin-top:25px}
.todays-classes ul li p {margin-left: 0px !important}

/* popups */
body.is-popup{display: table; }
.is-popup .layout-structure {padding: 0 20px !important; vertical-align: middle; margin-top: 0px !important}
.is-popup .scroll-to-top {display: none !important; }


/* paginate */
.page-footer-nav div.right p {margin: 0px;text-align: right;font-size: 1.2rem;}
.page-footer-nav div.left p {margin: 0px;text-align: left;font-size: 1.2rem;}




/* ------------------------------------------- CUSTOM ----------------------------------------------------------------*/

[data-type='home'] h1 {font-size: 1.6rem}

[data-type='home'] .column { padding-top: 20px;}

/* home links */
.links_list li{text-align: left !important}

/* home ads */
.ads{display:block !important; width:100%; margin-left:0px; margin-right:0px; padding-left:0; padding-right: 0}
.ads div{display:block !important; width:100%; margin-left:0px; margin-right:0px; padding-left:0; padding-right: 0; text-align:center}
.ads img{max-width:100%; margin:15px 0; height: auto !important } 

/* mission */
.mission-left, .mission-right{display:none !important}
.mission-center{padding:0 !important; margin:0 !important}

.article-content > table.symbols-table > tbody > tr > td:first-child{display: none}
.article-content > table.symbols-table > tbody > tr > td:last-child{display: none}

/*collection audios */
.audio_series td{vertical-align: top}
.audio_series p.show-title {font-size: 1.9rem}
.audio_list td{vertical-align: top}
.audio_list td.title {font-size: 1.3rem;}
.audio_list td {padding: 12px 0px;}
    .audios{width: auto; margin: 20px 0 0 0}
    .audio-single{ width: auto}
    .audio-player{width: auto }
	.audio-player.music-player{width: 100%}
	.audio-player td{padding: 0px}
	.audio-player td{width: auto}
	.audio-player td:first-child img{}
	.audio-single #title-edit p {font-size:1.7rem}
    .audio-wrapper{width: auto !important; margin: 10px 0 !important; float: none !important; padding: 0 !important }

/* booklets */
.booklet-wrapper{ margin: 20px 0 0 0; display: block; text-align: center}
.booklet-wrapper img{ width: 50%; height: auto; max-width: 400px}
.libritos-single a.booklet-wrapper { width: 100%; height: auto; max-width: 400px}
 .booklet-wrapper img.libritos{ width: 60%; height: auto; max-width: 400px;}
 
 
.books-feature {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
.books-feature > tbody{display:block;}
.books-feature > tbody > tr{display:block;}
.books-feature > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
.books-feature td:first-child img{width: 70% !important; max-width: 220px; height: auto !important; margin: 0 auto 20px; display: block }
.books-feature td:first-child{padding-right: 0}
.books-feature p{text-align: left}
.books-feature p a{margin: 0px 10px 10px 0}
.area-inner .booklets table.books-feature img{ max-width:220px; margin:0px auto 25px; display: block}


.stn-pages.page-91 p{text-align:left}

/* CALENDAR */
#calendar-outer{width:100%}
#calendar-outer h1.calendar-heading{ width: auto; font-size: 2rem}
#calendar-outer h6.calendar-notice{ width: auto; font-size: 1.4rem }
#calendar-outer #quote{dislay: none}
#calendar-outer #quote span{dislay: none}
#calendar-outer #quote-mobile{display: block; margin:0 0 20px 0; font-size: 1.6rem}
#calendar-outer h5.top-quote{display: block}
.calendar{display:none}
.calendar.calendar-mobile{display: table; width: 100%}
#calendar-outer #quote{width: 100% !important;}
.calendar .day{font-size: 5.0rem; }
.calendar .day .dayname{display: block}
.calendar-single{max-width: auto; margin: 20px auto}
.calendar-single img{width: 100%; display: block; margin:auto }
.calendar-single p{ margin: 20px 0}

	
/* popup */
.is-popup-desktop p{font-size: 1.1rem}
.is-popup-desktop td{font-size: 1.1rem}
.is-popup.is-popup-desktop .layout-structure {padding: 20px !important; }

/* teachers flags */
.area-inner > table.teachers-flags{width: 100% !important; max-width:500px}
.area-inner > table.teachers-flags td{ }
.area-inner > table.teachers-flags img{ width: 100% !important; height: auto !important; max-width:70px}

/* es */
.boletins-list{padding: 0px}
.boletin-wrapper table, .boletin-wrapper tr, .boletin-wrapper td, .boletin-wrapper tbody{ display: block; float: none !important; height: auto !important; width: auto !important; padding-left: 0 !important; padding-right : 0 !important; text-align: center !important}
.boletin-wrapper .boletin-audio-links{ display: none}

.es_text .ui-selectmenu-button{width:100% !important;}
.es_workbook .ui-selectmenu-button{width:100% !important;}
.es_manual .ui-selectmenu-button{width:100% !important;}
.primeras-50-lecciones{padding: 0}

.area-inner > div.newsbox{margin:20px 0 !important}
.area-inner > div.newsbox:first-child{margin-top:0px}
.area-inner > div.newsbox:last-child{margin-bottom:0px !important}


.libritos-single {margin:30px 0}
.primeras-50-lecciones {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
.primeras-50-lecciones > table > tbody{display:block;}
.primeras-50-lecciones > table > tbody > tr{display:block;}
.primeras-50-lecciones > table > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
.booklet-wrapper{ margin: 20px 0 0 0; display: block; text-align: center}
.booklet-wrapper img{ width: 50%; height: auto; max-width: 400px}
.libritos-single a.booklet-wrapper { width: 100%; height: auto; max-width: 400px}
 .booklet-wrapper img.libritos{ width: 60%; height: auto; max-width: 400px;}
 
 /*meditaciones */
    .meditaciones-single {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .meditaciones-single > tbody{display:block;}
    .meditaciones-single > tbody > tr{display:block;}
    .meditaciones-single > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .meditaciones-double {float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .meditaciones-double > tbody{display:block;}
    .meditaciones-double > tbody > tr{display:block;}
    .meditaciones-double > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .meditaciones-single td.column-one{text-align: center; padding: 10px !important}
	.meditaciones-single .slideshow-b td.column-one{padding: 0px !important; }
    .meditaciones-double td.column-one{text-align: center; padding: 10px !important}
    .meditaciones-double td.column-one .main-image{width: auto !important; margin: 0 !important; max-width: none !important; overflow: visible}
    .meditaciones-double td.column-one img{width: 100% !important; height: auto !important; margin-left: auto; margin-right: auto}
    .meditaciones-double td.column-two{padding: 10px !important}
    .audio-wrapper {margin: 0 auto !important; width: 250px !important}
    .audio-wrapper > div { width: 100% !important}
    .area-inner > .clearfix > .libritos-single .booklet-wrapper{width: auto}
    .area-inner > .clearfix > .libritos-single .booklet-wrapper img.libritos{width: 60%; height: auto; max-width:260px; margin: 0 15%} 
    .area-inner > .clearfix > .libritos-single{height: auto !important; margin: 40px 0 !important}
    .libritos-single .audio-wrapper{width: 200px !important; margin: 0 auto !important}
    .celebraciones-list td{padding: 5px !important; }
	.celebraciones-list h3{font-size: 1.6rem}
	.celebraciones-list img{width: 50px !important; height: auto !important; margin-right: 0px}
    .boletins-list{padding: 0px}
    .boletin-wrapper table, .boletin-wrapper tr, .boletin-wrapper td, .boletin-wrapper tbody{ display: block; float: none !important; height: auto !important; width: auto !important; padding-left: 0 !important; padding-right : 0 !important; text-align: center !important}
    .boletin-wrapper .boletin-audio-links{ display: none}


    .nl-mobile-ads{display: table; margin-bottom: 10px}
    

.death-to-life-newspaper th{font-size: 1.8rem; padding-bottom: 0px  }
.death-to-life-newspaper p{margin:7px}
.article-content > table.death-to-life-newspaper > tbody > tr > td {padding:20px !important}
.article-content > table.death-to-life-newspaper > tbody > tr > td:first-child {padding-bottom:0px !important}
.article-content > table.death-to-life-newspaper > tbody > tr > td:last-child {padding-top:0px !important}
.article-content > table.death-to-life-newspaper{margin-top: 30px !important; margin-bottom: 30px !important}
	
	
	/* DUTCH */
	
	.wolter-nohra td:first-child{vertical-align: middle}
	.wolter-nohra td:first-child img{margin: 0 10px 0 0 !important; width: 70px !important; }
	

table.spiritual-agenda{display:block; float:none !important; width:100% !important; padding:0 !important; margin:0 !important; height: auto !important; }
table.spiritual-agenda > tbody{display:block;}
table.spiritual-agenda > tbody > tr{display:block;}
table.spiritual-agenda > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
table.spiritual-agenda > tbody > tr > td img{display:block; height: auto !important; max-width: 140px; padding:0 !important; margin:20px auto !important}
table.spiritual-agenda hr{margin:30px 0 !important}


	
	 /*-- ADVENTS 2016 -- */
    .advent-image-table img{display: block; height: 150px !important; width: auto !important; margin: 0 auto !important}
    .image-table{display: block; width: 100% !important}
    .image-table tbody {display: block;}
    .image-table tr {display: block;}
    .image-table td { display: block;}
    .image-table img{display: block; margin: 15px auto !important; width: 70% !important; height: auto !important}
    .area-inner > table.advent-nav {display: block; width: 100% !important; margin-top:20px !important}
    .advent-nav tbody {display: block;}
    .advent-nav tr {display: block;}
    .advent-nav td { display: block; padding: 5px; width: auto !important}
    .advent-nav td.left { display: block; padding: 5px; width: auto !important; text-align:center}
    .advent-nav td.right { display: block; padding: 5px; width: auto !important; text-align:center}
    .advent-wrapper h1{ font-size:2.1rem !important; letter-spacing: 1px !important}
    .advent-wrapper h2{ font-size:1.9rem !important; }
    .advent-wrapper h3{ font-size:1.8rem !important}
    .advent-wrapper h4{ font-size:1.7rem !important}
    .advent-wrapper h5{ font-size:1.6rem !important}
    .advent-wrapper h6{ font-size:1.5rem !important}
    .advent-wrapper h1 br{ display: none}
    .advent-wrapper h2 br{ display: none}
    .advent-wrapper h3 br{ display: none}
    .advent-wrapper h4 br{ display: none}
    .advent-wrapper h5 br{ display: none}
    .advent-wrapper h6 br{ display: none}
    .advent-wrapper p br{ display: none}
    .advent-wrapper strong{font-weight: bold}
    .advent-wrapper .registration th{ font-size:1.4rem !important; width: auto !important; padding: 5px !important}
    .advent-wrapper .registration td{ font-size:1.4rem !important; width: auto !important; padding: 5px !important}
    #register_form .registration{display: block; width: 100% !important}
    #register_form .registration tbody {display: block;}
    #register_form .registration tr {display: block;}
    #register_form .registration th { display: block; padding: 5px; width: auto !important; text-align: left !important; border-bottom: none}
    #register_form .registration td { display: block; padding: 5px; width: auto !important; text-align: left !important; border-bottom: none}
    #register_form .registration td input{width: 100% !important}
    #register_form .registration td input.submit_btn{width: auto !important}
	
	.area-inner > div > table.registration{width:100% !important; }
	.area-inner > div > table.registration > tbody > tr > td{width:auto !important; padding: 3px !important}
	.area-inner > div > table.registration > tbody > tr > th{width:auto !important; padding: 3px !important}
	/*
 .area-inner > div > table.registration{float:none !important; width:100% !important; padding:0 !important; margin:0 !important}
    .area-inner > div > table.registration > tbody{display:block;}
    .area-inner > div > table.registration > tbody > tr{display:block;}
	.area-inner > div > table.registration > tbody > tr > th{display:block;width:auto !important; padding:0 !important; margin:0 !important; text-align: left !important}
    .area-inner > div > table.registration > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important; text-align: left !important}
*/



/* ------------------------------------ Smaller MediaQueries ----------------------------- */

@media all and (max-width: 580px) {
	/* p{ text-align: left !important} */
	html{font-size: 90%}
	h1 br{display: none}
	cite {margin: 15px 0px;}
        .fuera-del-tiempo cite  {margin: 15px 0px;}

}

@media all and (max-width: 440px) { 
	/* p{ text-align: left !important} */
	body {background: none !important; background-color: #fff}
	.flex{margin: 0; padding: 0px;}
	.layout-structure{padding-left:20px; padding-right: 20px;}
	.blank-no-header .layout-structure {margin-top: 0px !important}  
	.three-columns-feature-on-right .layout-outer {margin-top: 0px;}
	.box{border: none; border-bottom:1px solid #ccc; padding:40px 0; margin-bottom: 0px ; background: transparent}
	.column:first-child .box:first-child{padding-top: 0px !important}
	.layout-structure .box:first-child{padding-top: 0px !important} 
	.box .area-inner > *:last-child{margin-bottom: 0px !important}
	.box .area-inner > *:last-child td:last-of-type{margin-bottom: 0px !important}
	.ads-line{display: none}
	.area-inner > div.ads{margin-top:25px !important}
	.column {padding-left: 0px;padding-right: 0px;}
	#column-full .box {border: none !important; border-bottom: 1px solid #ccc !important}
	#column-full .boxpad {border: none !important; border-bottom: 1px solid #ccc !important}
	#column-full .boxpad .area-inner {padding: 0px 20px 20px;}
	.area-inner > table:not(.preserve) img{ width: 100% !important ;max-width: 360px; height: auto !important}
.area-inner > p > a >  img{ width: 100% !important ;max-width: 360px; height: auto !important}
	.dblbox-inner {padding: 0px;}
	.tribox-inner {padding: 0px;}
	.area-inner{padding: 0px !important; margin: 0px !important}
	.box-top{padding: 0px !important;}
	.area .box-border {margin: 0px}
	.full-side-nav .box-border {border-top: none}
	.top-extra{padding-left: 20px}
	#breadcrumbs{padding: 0}
	.top-extra-right .jssocials-share-outer {margin-left: 0 !important}
	.jssocials-shares :first-child{margin-left: 0px}
	ul, ol { padding: 0 0 0 0px}
	.article-content img{width:100% !important; height: auto !important; margin:20px auto !important; max-width:400px; float: none !important; display: block}
	*[data-type='home'] .column {padding-top: 0px;}
	*[data-mobile-sort='first'] {padding-top: 15px !important;}
	.unbox[data-mobile-sort='first'] + .box {padding-top: 15px !important;}
	.nl-mobile-ads{margin-bottom: 0px !important}
	
	/* SPreaker audio */
	.jp-audio .audio-player-info td:first-of-type{padding-bottom:50% !important; position:relative; margin: 0 auto 30px !important; width:50% !important; }
	
	.audio_series {float:none !important; width:100% !important; padding:0 !important; margin:0 0 40px 0 !important}
    .audio_series > tbody{display:block;}
    .audio_series > tbody > tr{display:block;}
    .audio_series > tbody > tr > td{display:block;width:auto !important; padding:0 !important; margin:0 !important}
    .audio_series td:first-child img{width: 70% !important; max-width: 150px; height: auto !important; margin: 0 auto 20px; display: block }
	.audio_list td{padding: 5px 0 !important}
	.audio_list td:first-child{padding-right: 5px !important}
	.audio-single p.title{font-size: 1.3rem !important}
	
	h1.calendar-heading{ width: auto; font-size: 1.7rem }
    .calendar .day{font-size: 3.0rem; padding-left: 2px;padding-right: 2px;padding-bottom: 25px;}
	
	/* DUTCH */
	
	.wolter-nohra td:first-child{vertical-align: middle}
	.wolter-nohra td:first-child img{margin: 0 10px 0 0 !important; width: 50px !important; }
	
	
}

@media all and (max-width: 320px) { 
	/* p{ text-align: left !important} */
	/* SPreaker audio */
	.jp-audio .audio-player-info td:first-of-type{padding-bottom:80% !important; position:relative; margin: 0 auto 30px !important; width:80% !important; }
}