@charset "utf-8"; *{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} html, body {height:100%; line-height:100%;-webkit-font-smoothing: antialiased;} .mainWrapper{ min-height: 100%; height: auto!important; height: 100%; margin: 0 auto -217px; } .fixHeight{height:217px;} footer{height:217px;} a, a:link, a:focus, a:active, a:visited{ outline:none; text-decoration:none;color: #5534a6;} a:hover{ text-decoration:underline;} img{max-width:100%; vertical-align:middle; border:0px; outline:none;} input, input:focus, input.form-control, input:focus.form-control{ box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none; outline: none; outline-offset: 0; border-radius:0px;} input.btn, input.btn:hover, input.btn:focus{background:#83322e;border-radius: 0px; color:#ffffff; padding:9px 6px 9px; line-height:100%; font-size:13px;font-family: 'karlaregular'; border:none; border-radius:0px;} .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: none; outline-offset: 0; box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none; border-radius:0px;} input[type="submit"]{border:none;} input[type="text"].form-control, input[type="email"].form-control{ -webkit-appearance: none; } .nav > li > a:focus {background-color: transparent;} h1, h2, h3, h4, .sectionTitle{margin:0px; color:#3f0d12;font-family: 'playfair_displaybold'; letter-spacing:-0.2px; } h1, .sectionTitle{font-size:45px; line-height:50px;} h2{font-size:32px; line-height:39px; margin-bottom:5px;} h3{font-size:24px; line-height:30px;} h4{font-size:19px; line-height:24px;} h1 em, h2 em{font-family: 'playfair_displaybold_italic';} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{text-decoration:none; border-bottom:1px solid;} .form-control::-moz-placeholder { color: #d8d2cc; opacity: 1; } .form-control:-ms-input-placeholder { color: #d8d2cc; } .form-control::-webkit-input-placeholder { color: #d8d2cc; } .headerTop{ background:#3f0d12;} .headerTop ul{padding:0px; margin:0px;} .headerTop ul li{ list-style:none; list-style-type:none; display:inline-block; color:#ffffff; padding:0px 18px; font-size:14px;font-family: 'FFTisaWebItalic';letter-spacing:0.5px;} .headerTop .topNavigation ul li:first-child{ padding:5px 18px 0px 0px; text-transform:uppercase; font-size:13px; font-family:'karlabold'; letter-spacing:1px; line-height:22px; color: rgba(255,255,255,.7);} .headerTop .topNavigation ul li:first-child a{ letter-spacing:1px;} .headerTop ul li a{ padding:5px 0px 1px; color: rgba(255,255,255,.7); display:block; cursor:pointer;line-height:22px;cursor:pointer; letter-spacing:.5px; } .headerTop ul li a:hover{color:#ffffff; text-decoration:none;} .headerTop .cta ul.nav{float:right; display:table;} .headerTop .cta ul.nav li {padding:0px; display:table-cell; border-left:1px solid rgba(255,255,255,0.5); border-right:1px solid rgba(255,255,255,0.5);} .headerTop .cta ul.nav li a{color:#f3ede7;padding:3px 18px 3px; font-family: 'karlabold'; line-height:24px;cursor:pointer; transition: all 0.7s ease; height:30px;} .headerTop .cta ul.nav > li:first-child {border-right:none;} .headerTop .cta ul.nav > li:first-child a{font-family: 'karlaregular';padding: 3px 18px 3px 40px;background: url(./../images/iconLogin.png) 18px center no-repeat;} .headerTop .cta ul.nav li:first-child a:hover{background:#872425 url(./../images/iconLogin.png) 18px center no-repeat;} .headerTop .cta ul.nav li a:hover{background:#872425;} .headerTop .cta ul.nav li a.redBg:hover{ background: #5534a6;} .headerTop .cta ul.nav li a img{ margin-right:7px;} .topNavigation:after{content:"";top:0px; right:0px; position:absolute;height: 100%; width: 65px; background: -webkit-linear-gradient(right, rgba(63, 13, 18, 1) 0%, rgba(63, 13, 18, 1) 20%, rgba(63, 13, 18, 0) 100%); background: -o-radial-gradient(right, rgba(63, 13, 18, 1) 0%, rgba(63, 13, 18, 1) 20%, rgba(63, 13, 18, 0) 100%); background: -moz-radial-gradient(right, rgba(63, 13, 18, 1) 0%, rgba(63, 13, 18, 1) 20%, rgba(63, 13, 18, 0) 100%); background: linear-gradient(right, rgba(63, 13, 18, 1) 0%, rgba(63, 13, 18, 1) 20%, rgba(63, 13, 18, 0) 100%);} .headerTop .topNavigation, .headerTop .cta{padding:0px;} .headerTop .cta ul.nav li.open > .dropdown-menu { display: block; width: 100%; min-width: auto; } .headerTop .cta ul.nav li.open ul li{ width: 100%; display: block; border: none; } .headerTop .cta ul.nav li.open ul li a{font-family: 'karlaregular';padding: 3px 18px;background:#3f0d12;} .headerTop .cta ul.nav li.open ul li a:hover{background: #872425;} .headerNav{ background:#ffffff; position:relative; z-index:9;} .navbarWrapper{ position:relative;} .logoBox{padding:0px; } .headerNav .logo{margin-top:22px; display:inline-block;} .headerNav .logo img{width:100%; max-height:100%;} .logoBoxSticky{width:0px;float:left;height:28px; margin:20px 0px;} .headerNav ul{margin-top:60px; padding:0px; margin-bottom:0px;} .headerNav ul a{color:#3f0d12; font-family: 'karlabold'; text-decoration:none; font-size:13px;cursor:pointer;} .headerNav ul li a:hover, .headerNav ul li.active a{color:#5534a6; } .headerNav .nav li{margin:0px 11px;} .headerNav .nav li:first-child{margin-left:0px;} .headerNav .nav li a{padding:0px 0px 14px; text-transform:uppercase; background:none; letter-spacing:1px; line-height:24px; position: relative; overflow: hidden;} .headerNav .nav li a:hover{background:none;} .headerNav .nav li a:after{ border-bottom: 3px solid; content: " "; display: block; transition: all .6s ease; position: absolute; bottom: -4px;width: 100%;} .headerNav .nav li a:hover:after{ bottom: 0px;} .headerNav .searchNewsletter{float:right; padding:0px;} .headerNav .searchNewsletter ul li{display:inline-block;padding-bottom:20px; height:37px; text-align:center;min-width:30px; vertical-align:bottom;} .headerNav .searchNewsletter ul li:last-child{margin-left:30px;} .headerNav .searchNewsletter ul li a{font-family: 'karlaregular'; font-size:14px; display:inline-block;line-height: normal;cursor:pointer;} .searchNewsletter li a.searchLink {width:17px; height:17px; display:block;line-height: normal;/*transform: rotate(90deg);*/ background:url(../images/iconSearch.png) top left no-repeat;} .searchNewsletter li.active a.searchLink, .headerNav a:hover.searchLink{color:#5534A6; background:url(../images/iconSearch.png) left -18px no-repeat;} .headerNav a.newsLetterLink{ background:url(../images/iconNewletter.png) left 1px no-repeat; padding-left:25px;height:15px; margin-top:2px;} .headerNav a:hover.newsLetterLink, .searchNewsletter li.active a.newsLetterLink{ background:url(../images/iconNewletter.png) left -14px no-repeat;} .nav > li.mobileNavItem{ display:none;} .mobileNavigation{padding:0px;} .fixHeader{position:fixed;top:0px;width:100%; height:auto; z-index:9; box-shadow: 0px 2px 4px rgba(0,0,0,.12); transition: all .6s ease;} .stickyTop{margin-top:70px;} .fixHeader .logoBoxSticky{ margin:20px 15px;width:27px;} .fixHeader .logoBox{width:0px; padding:0px;} .fixHeader .logoBox img{opacity:0;} .headerNav.fixHeader ul{margin-top:25px;} .headerNav.fixHeader .nav li a{padding-bottom:20px;} .searchNewsletterWrapper{ background:#ffffff; position:relative; border-top: 1px solid #d8d2cc;position: absolute; width: 100%; z-index: 9; top: 100%; } .searchBoxWrapper, .newsLetterWrapper{height:0px; overflow:hidden;} .searchBoxWrapper.collapse, .searchBoxWrapper.collapsing, .newsLetterWrapper.collapse, .newsLetterWrapper.collapsing{ height:auto;border-bottom: 1px solid #d8d2cc; } .searchBoxWrapper.collapse.in, .newsLetterWrapper.collapse.in{ overflow:visible;} .searchbox, .newsLetterBox{margin:20px 0px; position:relative;} .searchbox input.form-control, .newsLetterBox input.form-control{line-height: 24px; letter-spacing:0.33px; padding-right:90px; border:none; text-align:center; font-size:27px; letter-spacing:2px; height:32px; font-family: 'karlaregular'; color:#857E7B;} .newsLetterBox input.form-control{ font-family: sans-serif;} .searchbox input.btn, .newsLetterBox input.btn, .searchbox .input-group-btn, .newsLetterBox .input-group-btn{ position:absolute; right:0px; top:0px; padding:4px 15px 4px; height:auto; width:auto; font-size:14px; line-height:24px; letter-spacing:0.06px; margin:0px; font-family: 'karlabold';} .searchNewsletterWrapper #newsLetterBox .form-group, .searchNewsletterWrapper #searchbox .form-group{ margin:0px!important;} .arrowUp{background:url(../images/arrowUp.png) center bottom no-repeat; width:30px; height:17px; position:absolute;top: -17px; z-index: 9;transition:all .5s ease; right:0px;} .newsLetterWrapper .arrowUp{right: 40px; } .searchBoxWrapper .arrowUp{right: 135px; } .footer{color:#857e7c; border-top:1px solid #d8d2cc; border-bottom:1px solid #d8d2cc; padding:25px 0px; font-family: 'karlabold'; font-size:12px; margin:0px;} .footer ul li{ display:block;} .footerLogo{margin-bottom:15px; display:inline-block;} .bottomTagline{color:#3f0d12; max-width:158px;} ul.footerLinks{ padding:0px 10px 0px 0px; margin:0px; float:left;} .footerLinks a, .signUp label, .socialShare .title{color:#857e7c;padding:3px 0px; display:block; text-decoration:none;} .footerLinks a{ letter-spacing:0.5px;cursor:pointer; line-height:24px;} .footerLinks a:hover{color:#5534a6;text-decoration: none;} .signUp label, .socialShare .title{ text-transform:uppercase; letter-spacing:1px;} .signUp label.Signup{ margin-bottom:10px;} .socialShare{padding:0px; margin:0px; padding-left:90px;} .socialShare .field--name-body ul{margin:0px; padding:15px 0px 0px;} .socialShare .field--name-body ul li{ float:left; width:34px; height:34px; margin-right:8px; margin-bottom:8px;} .socialShare .field--name-body ul li a{display:block; border-radius:50%; background:#ffffff ; border:1px solid #872425;cursor:pointer; height:100%; overflow:hidden;} .socialShare .field--name-body ul li a img{width:100%;} .socialShare .field--name-body ul li a:hover{ background:#5534a6 ; border:1px solid #5534a6;} .socialShare .field--name-body ul li a:hover img{ margin-top:-100%;} .relative{position:relative;} .signUp{padding:0px;} .signUp input[type="text"]{padding-right:65px;border-radius: 0px; border-color: #857e7c; box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none; height:32px;} .signUp .relative input[type="submit"]{position:absolute; top:0; right:0; padding:0px 6px; font-size:12px; font-family: 'karlabold'; height:32px; width:auto; margin:0px; line-height:24px;} .signUp .form-type-email label{display:none;} .signUp input.form-control{height:32px;padding:6px 67px 6px 6px; border-style:solid;-webkit-appearance: none; } .copyright{color:#857e7c; font-size:12px;font-family: 'karlaregular'; padding:15px; letter-spacing:0.5px; line-height:24px;} .copyrightDivider{padding:0px 3px;} .contentArea{ padding:0px 0px ; line-height: normal; word-break: break-word; min-height:550px;} .contentArea nav.tabs{width:1160px; margin:0px auto;} .path-user nav.tabs { margin-top: 35px; } /* top scroller */ #mixedContent { width:100%; position: relative;} .scrollableArea{min-width:750px;} #mixedContent .contentBox { position: relative; float: left; height: auto; width:auto; cursor:default; } /* top scroller end*/ /* home page style start */ /* hero image style *****/ .heroImageWrapper, .largeHeader{ position:relative; height:600px;overflow:hidden;padding:0px; margin:0px;} .heroImageWrapper{margin-bottom:43px;} .heroImageWrapper .largeHeaderOverlay, .largeHeader .largeHeaderOverlay{ position:absolute; z-index:1; height:100%; width:100%; top:0px; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .5) 100%); background: -o-radial-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .5) 100%); background: -moz-radial-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .5) 100%); background: linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .5) 100%); } .heroImageWrapper .largeHeaderImage, .largeHeaderImage{width:100%; height:100%; position:absolute; overflow:hidden; background: #666; z-index:0;} .largeHeaderImage img{min-width:100%; min-height:100%; max-width:none;} .heroImageWrapper .container, .heroImageWrapper .row, .largeHeader .container, .largeHeader .row{height:100%;} .heroImageWrapper .container-left, .largeHeader .container-left{ position:absolute; bottom:60px;} .heroImageWrapper .container-left{width:60%;} .largeHeader .breadcrumb{display:none;} .heroImageWrapper h1, .heroImageWrapper h1 a, .largeHeader .pageTitle, .largeHeader h1{color:#ffffff;} .largeHeader .iconExpand{ display:none;} .heroImageWrapper .container-left .byAuthor, .heroImageWrapper .container-left .byAuthor a, .largeHeader .container-left .byAuthor, .largeHeader .container-left .byAuthor a{color:#ffffff; text-transform:capitalize; font-family: 'karlabold'; font-size:15px;} .heroImageWrapper .container-left .byAuthor, .largeHeader .container-left .byAuthor{ margin-top:15px;} .largeHeader .container-left .byAuthor a, .heroImageWrapper .container-left .byAuthor a{cursor:pointer;} .largeHeader .container-left .byAuthor a:hover, .heroImageWrapper .container-left .byAuthor a:hover{text-decoration: underline;} .heroImageWrapper .borderBox{ padding:0px 15px; margin-bottom:0px;} .heroImageListing{ padding:20px 0px 20px;border-bottom:1px solid #d8d2cc;} .heroImageListing:last-child{border:none;} .borderBox .heroImageListing .titlePlayfairBold{ margin-bottom:3px;} .heroImageWrapper .container-right{position:absolute; right:0px;width:310px; top:68px;} .heroImageWrapper .container-right .byAuthor, .heroImageWrapper .container-right .byAuthor a{font-size:13px;color: #872425;} /* hero image style end*****/ .homeListing {padding: 25px 0px 25px; border-bottom: 1px solid #d8d2cc;} .homeListing:last-child{ border:none;} .homeListing .titlePlayfairBold{ margin-bottom:7px;} .homeListing .titlePlayfairBold a{ color: #3f0d12; font-size: 19px; line-height:24px; letter-spacing:0px;} .homeListing .byAuthor, .homeListing .byAuthor a{font-size: 15px; color: #872425;cursor:pointer;} .homeListing .briefContent{ font-size:19px; line-height:24px; color: #3f0d12;font-family: 'karlaregular'; letter-spacing:-0.25px; margin-bottom:10px;} a.seeAll, .seeAll a{color:#5534a6; font-family: 'karlabold'; font-size:13px; letter-spacing:0.05px; line-height:24px;} a.seeAll:after, .seeAll a:after{ content:""; border-bottom:1px solid #5534a6; display:block; margin-top:-4px;} a.seeAll:hover, .seeAll a:hover{ text-decoration: none; color:#764ae3;} a.seeAll:hover:after, .seeAll a:hover:after{ border-bottom:1px solid #764ae3;} .articleDate{color:#857e7b; font-size: 12px;font-family: 'karlaregular'; line-height:22px; letter-spacing:0px;} .whiteBorderBox a{ border:1px solid #ffffff; color:#ffffff; background:transparent; padding:7px 30px; display:inline-block; text-transform:uppercase;cursor:pointer;font-size:13px; line-height:24px; letter-spacing:1px;} .whiteBorderBox a:hover{ text-decoration:none; background:rgba(255,255,255,.38);} .borderBox{border: 1px solid #D8D2CC; border-top:none; padding:10px; margin-bottom:20px; background:#ffffff; position:relative;} .borderBox:before { content: ""; display: block;position: absolute; width: 100%; height: 4px; left: -1px; top: -1px; background: #41010e; width: calc(100% + 2px); } .byAuthor, .byAuthor a{font-size:13px;color: #872425; letter-spacing:.5px; text-transform:capitalize;line-height:22px;} .byAuthor a{cursor:pointer;} /*.cornerRightTop, .cornerLeftBottom{position:absolute; width:27px; height:27px; display:block; z-index:1;} .cornerRightTop{ background:url(../images/cornerRightTop.png) no-repeat right top 100%; top:0px; right:0px; background-size:100%;} .cornerLeftBottom{ background:url(../images/cornerLeftBottom.png) no-repeat left bottom 100%; left:0px; bottom:0px;background-size:100%;}.headingBarWrapper .cornerRightTop, .headingBarWrapper .cornerLeftBottom{width:12px; height:12px;}*/ .blockHeading, .blockHeading h2{margin:0px; text-transform:uppercase; font-size:14px; line-height:24px; color:#3f0d12;font-family: 'karlabold';letter-spacing:1px;} .headingBarWrapper{ height:12px; width:100%; position:relative; padding:4px 0px; margin:10px 0px;} .headingBarWrapper .headingBar{ width:100%; height:100%; background: #41010e;} .headingBarWrapper:before, .headingBarWrapper:after{width:12px; height:12px; position:absolute; content:""; z-index:1;} .headingBarWrapper:before{background:url(../images/cornerLeftBottom.png) no-repeat left bottom 100%; left:0px; bottom:0px;background-size:100%;} .headingBarWrapper:after{background:url(../images/cornerRightTop.png) no-repeat right top 100%; top:0px; right:0px;background-size:100%;} .headingCrossBorder{position: relative; width: 100%; border-top: 1px solid #3f0d12;} .boxHeading{ text-align:center; margin-top:-20px; margin-bottom:10px; margin-left:20px; margin-right:20px;} .boxHeading > span, .boxHeading > a{padding:7px 25px; text-transform:uppercase; background:#ffffff; font-size:13px;font-family: 'karlabold'; color:#3f0d12; border:1px solid #3f0d12;display: inline-block; line-height:24px; letter-spacing:1px; position:relative;} .boxHeading > a {cursor:pointer;} .boxHeading > span:before, .boxHeading > a:before, .boxHeading > span:after, .boxHeading > a:after{position:absolute; width:14px; height:14px; z-index:1; display:block; content:" ";} .boxHeading > span:before, .boxHeading > a:before{ background:url(../images/cornerLeftBottom.png) no-repeat left bottom ; background-size:100%; left:-1px; bottom:-1px;} .boxHeading > span:after, .boxHeading > a:after{ background:url(../images/cornerRightTop.png) no-repeat right top ; background-size:100%; top:-1px; right:-1px;} .boxHeading a:hover{color:#5534A6; border:1px solid #5534A6; text-decoration:none;} .boxHeading a:hover:before{ background:url(../images/cornerLeftBottomHover.png) no-repeat left bottom 100%;} .boxHeading a:hover:after{ background:url(../images/cornerRightTopHover.png) no-repeat left bottom 100%;} .contentBoxSmall .blockHeading, .blockHeadingBorder{border-bottom: 1px solid #d8d2cc; padding-top: 5px; padding-bottom: 7px; line-height: 24px;margin: 0px; text-transform: uppercase; font-size: 14px; color: #3f0d12; font-family: 'karlabold'; letter-spacing:1px;} .latestFromAmericaHeading .blockHeading, mostPopularBox .blockHeading{ border:none;} .featuredCommentBox{font-family: 'karlaregular';font-size:15px; line-height:23px; letter-spacing:0.3px; padding-bottom: 20px; margin-bottom:10px;} .featuredCommentBox .blockHeading{ background:url(../images/iconComment.png) left 6px no-repeat ;border-bottom:1px solid #d8d2cc; padding:0px 0px 10px 25px; line-height:24px; font-size:13px;} .featuredCommentBox .featuredCommentDate{ float:right;color: #857E7B;font-family: 'karlaregular'; font-size:15px; line-height:24px; letter-spacing:0px;} .featuredCommentBox .featuredComment{ padding:10px 0px 0px; color:#3f0d12;} .featuredCommentBox .author{color: #857E7B; letter-spacing:0px;} .viewComment{margin-top:20px;color: #857E7B; line-height:24px; letter-spacing:0.06px;} .viewComment a{font-family: 'karlabold'; color:#5534A6;cursor:pointer;border-bottom:1px solid #5534A6;} .viewComment a:hover{ text-decoration:none; color:#6A61E0; border-bottom:1px solid #6A61E0;} .blockHeadingSubText{float:right;color: #857E7B;font-family: 'karlaregular'; font-size:12px; line-height:19px; letter-spacing:0px;} .contentBoxSmall.featuredCommentBox{ margin-left:25px; margin-right:70px;width:293px; max-width:39%;} .col-md-4 .featuredCommentBox{ margin:36px 0px 43px;} /* corner buttons style */ .cornerButtenWrapper{ display:inline-block;padding:4px;position:relative;} .buttenWrapperInner{ border:1px solid #872425; display:block;background:#3f0d12; cursor:pointer; text-align:center; transition: all .2s ease;} .buttenWrapperInner a{ text-decoration:none; color:#f3ede7; padding:8px 25px; display:block; font-size:15px;font-family: 'karlabold';cursor:pointer; line-height:24px; letter-spacing:0.06px; min-width:180px; transition: all .6s ease;} .buttenWrapperInner:hover{ border: 1px solid #5534a6;} .buttenWrapperInner.redBg:hover{background: #5534a6; border: 1px solid #5534a6;} .cornerButtenWrapper::before, .cornerButtenWrapper::after{position:absolute; width:18px; height:19px; z-index:1; display:block; content:" ";} .cornerButtenWrapper::before{left:0px; bottom:0px; background:url(../images/cornerLeftBottomRedBg.png) no-repeat bottom left;background-size:100%;} .cornerButtenWrapper::after{ right:0px; top:0px; background:url(../images/cornerRightTopRedBg.png) no-repeat top right;background-size:100%;} .cornerButtenWrapper:hover::before{left:0px; bottom:0px; background:url(../images/cornerLeftBottomBlueLine.png) no-repeat bottom left;background-size:100%;} .cornerButtenWrapper:hover::after{ right:0px; top:0px; background:url(../images/cornerTopRightBlueLine.png) no-repeat top right;background-size:100%;} .cornerButtenWrapper:hover .buttenWrapperInner{ border: 1px solid #5534a6;} .cornerButtenWrapper:hover .buttenWrapperInner.redBg a, .cornerButtenWrapper:hover .buttenWrapperInner.redBg:hover a:hover{background: #5534a6; } /* corner butons style end */ .sectionOuterWrapper{padding:42px 0px 43px;} /*.section1{padding-top:50px; padding-bottom:43px; display: table;}*/ .section1 .container-left, .section1 .container-right{ display:table-cell; float:none; vertical-align:top;} /*.section1 .container-left{padding-right:21px;} .section1 .container-right{padding-left:21px;} .section1 .blockHeading{font-size:13px;} .section1 a.seeAll{position: absolute; top: 11px;cursor:pointer;} .section1 .container-left a.seeAll{} .section1 .container-right a.seeAll{right:25px;}*/ .latestAmerica{width:100%; position:relative; margin:32px 0px 42px;} .latestAmerica em{font-family: 'karlabolditalic';} .latestAmerica .blockHeadingBorder{font-size:13px;} .latestAmerica a.seeAll{position: absolute; top: 5px; right:0px;cursor:pointer;} .latestListingHome{padding:5px 0px 20px;border-bottom:1px solid #d8d2cc;} .latestListingHome .title a{ font-size:19px; color:#3f0d12; margin-bottom:5px; line-height: 19px; letter-spacing: 0px; display:block;} .latestListingHome .byAuthor, .latestListingHome .byAuthor a{font-size:13px; color: #872425; line-height:17px;cursor:pointer;} .ourVoicesBlockWrapper{width:100%; margin:32px 0px 42px; position:relative;} .ourVoicesBlockWrapper .blockHeadingBorder{ font-size:13px;} .ourVoicesBlockWrapper a.seeAll{position: absolute; top: 5px; right:0px;} .col-md-4 .ourVoicesBlock{ padding:22px 15px 25px 0px;border-bottom:1px solid #d8d2cc;} .ourVoicesBlock .authorThumb{width:100px; height:100px;} .ourVoicesBlock .authorThumb img{ width:100%; height:100%; min-height:100%;} .ourVoicesBlock .authorTitle{ width: 62%;} .ourVoicesBlock .authorName{font-size:19px; color:#eb4511; line-height:22px;} .ourVoicesBlock .title, .ourVoicesBlock .title a{font-size:13px;line-height:18px; color:#3f0d12;cursor:pointer;} .section2{padding-top:42px; padding-bottom:35px; position:relative; margin-bottom: 43px;} .section2Inner{width:100%; position:relative;} .section2Inner .whiteBorderBox{ position: absolute; z-index: 1; left: 75px; top: 35px; letter-spacing:1px;} .section2Inner .section2Image{ max-height:672px; overflow:hidden; position:relative; height:auto; min-height:500px;} .section2TopContent{ position:absolute; padding: 0px 50px 0px;color:#ffffff;top:80px;} .section2TopContent .sectionTitle, .section2TopContent .byAuthor{ margin-bottom:12px;} .section2TopContent .sectionTitle{ margin-top:13px;} .section2TopContent .sectionTitle a{color:#ffffff;cursor:pointer;} .section2TopContent .sectionTitle a:hover{ text-decoration:none; border-bottom:1px solid #ffffff;} .section2TopContent .byAuthor, .section2TopContent .byAuthor a{ font-size:15px;color:#ffffff;} .section2Image img{max-width:100%; height:auto;} .topOverlay{ position:absolute; width:100%; height:100%; z-index:0; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); background: -o-radial-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); background: -moz-radial-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); background: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); } .section2Block{display: inline-block; padding: 0px 25px; position:absolute; left:0px;width: 100%; bottom: -35px; text-align: center;} .section2Block .borderBox{ text-align:left;background: #ffffff; margin: 0px 25px; float: none; display: inline-block; padding:20px; vertical-align: bottom; min-height:155px; width:27.3%;} .section2Block .borderBox .titlePlayfairBold a{ font-size:19px; margin-bottom:10px; color: #3f0d12; line-height:24px; letter-spacing:0px; display:block;} .section2Block .borderBox .byAuthor, .section2Block .borderBox .byAuthor a{color:#872425; font-size:15px;} .section2Block .borderBox .byAuthor a{cursor:pointer;} .currentIssueWrapper{background:#3f0d12; margin:42px 0px 43px;padding-top:50px; overflow:hidden;} .currentTitle{ margin:0px auto 35px; text-align:center; font-size:13px;line-height:24px; letter-spacing:1px;} .currentTitle span:first-child{text-transform:uppercase; color:#eb4511; margin-right:15px;} .currentTitle span a{text-transform:uppercase; color:#eb4511;} .currentTitle span:last-child{color:#ffffff; letter-spacing:0px; line-height:22px;} .currentIssueWrapper .sectionInner{ position:relative; bottom:0px; border: 1px solid rgba(151, 151, 151, 0.54); border-bottom:none; margin:0px;} .currentIssueDate{text-align:center; margin-top:-15px;} .currentIssueWrapper h1{color:#ffffff; background:#3f0d12; display:inline-block; margin:0px auto; padding:0px 25px; line-height:22px;} .currentIssueImage{ margin:31px 18px 0px 45px; padding:0px;width:269px; height:349px; float: none; display: inline-block; vertical-align: bottom; overflow:hidden;} .currentIssueImage img{width:100%; height:100%; box-shadow:2px 2px 2px rgba(0,0,0,0.5);-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.5); -moz-box-shadow:2px 2px 2px rgba(0,0,0,0.5);} .currentIssueContent{margin:23px 45px 0px 18px;padding:30px 0px 0px; width:65%; float: none; display: inline-block; vertical-align: top; text-align:left;} .currentIssueContent ul{ list-style:none; list-style-type:none; margin:0px; padding:0px;} .currentIssueListing:first-child, .currentIssueContent li:first-child{border-top:1px solid rgba(255,255,255,0.54);} .currentIssueListing, .currentIssueContent li{ border-bottom:1px solid rgba(255,255,255,0.54); padding:10px 0px; line-height:28px; font-size:19px;font-family: 'karlabold'; color:#ffffff; letter-spacing:0px;} .currentIssueListing a, .currentIssueContent li a{ color:#ffffff; cursor:pointer;} .currentIssueButtons{margin:40px 0px;} .currentIssueButtons .cornerButtenWrapper{ margin-right:12px;} .currentIssueImage .currentTitle{ text-align:left;} .currentIssueImage .currentTitle span:first-child{color:#eb4511;} .reactionsNonDetailsWrapper{ margin:62px 0px 43px; border-bottom:1px solid #D8D2CC;width:100%; } .reactionsWrapperInner{} .listingRow{ display:table; width:100%;} .listingRow .homeListing{ display:table-cell; width:48%; vertical-align:top;} .listingRow .homeListing:last-child{ border-bottom: 1px solid #d8d2cc; padding-left:35px;} .listingRow:last-child .homeListing{ border-bottom:none;} .listingRow .blankListingSpace {width: 4%; border: none;} .reactionsWrapperInner .listingRow:last-child .homeListing{ border:none;} .reactionsNonDetailsWrapper .homeListing .titlePlayfairBold a{ font-size:24px; line-height:30px; letter-spacing:0px;} .pointCpointOuterWrapper{padding:42px 0px 43px;} .pointCpointWrapper{padding:22px 0px 25px;/* background:#fffdf8;*/} .pointCpointContentWrapper{ margin:42px 0px 43px; float:left;} .pointCpointWrapper .headingBarWrapper{height: 10px;} .pointCpointWrapper .headingBarWrapper:before, .pointCpointWrapper .headingBarWrapper:after{width:10px; height:10px; position:absolute; content:""; z-index:1;} /*.pointCpointWrapper .headingBarWrapper:before{background:url(../images/cornerLeftBottomPinkBg.png) no-repeat left bottom 100%; left:0px; bottom:0px;background-size:100%;} .pointCpointWrapper .headingBarWrapper:after{background:url(../images/cornerRightTopPinkBg.png) no-repeat right top 100%; top:0px; right:0px;background-size:100%;}*/ .fullpage.bgColor .pointCpointContentWrapper{ margin:25px 0px 25px; padding:25px 0px;} .pointCpointWrapper .blockHeading{ margin-bottom:30px; font-size:13px;} .pointCpointWrapper .blockHeading h2{ font-size:13px;} .pointCpointContent{padding-left:0px;} .pointCpointHeading{ margin:0px 0px 40px; padding:0px} .pointCpointContent .homeListing{border-top: 1px solid #d8d2cc;border-bottom: none; padding:20px 0px; margin-top:-1px;} .pointCpointContent .homeListing:last-child{border-bottom: 1px solid #d8d2cc;} .pointCpointContent .homeListing .byAuthor, .pointCpointContent .homeListing .byAuthor a{ font-size:15px; line-height:22px;} .pointCpointWrapper .thumbImages{padding:0px 20px; float:right;} .thumbImages .leftThumb, .thumbImages .rightThumb{ display:inline-block; vertical-align:middle; width:147px; height:300px; overflow:hidden;} .thumbImages .leftThumb:hover, .thumbImages .rightThumb:hover{ background:#5534a6;} .thumbImages .leftThumb:hover img, .thumbImages .rightThumb:hover img{ opacity:0.6;} .thumbImages .leftThumb img, .thumbImages .rightThumb img{width:100%; height:100%;} .thumbImages .leftThumb{ border-radius:200px 0px 0px 200px;} .thumbImages .rightThumb{ border-radius: 0px 200px 200px 0px;} .thumbImages .thumbDivider{ background:#857e7b;width:1px; height:100%; display:inline-block; vertical-align:middle; margin:0px 10px; height:332px;} .thumbImages .leftThumb div, .thumbImages .rightThumb div{ height:100%;} .pointCpointWrapper adBanner{text-align:right;} .reactionsWithBriefWrapper{padding:42px 0px 43px;} .reactionsBriefContent{float:right;} .listingWithBrief .homeListing{ display:table-cell; float:none; padding:20px 25px 0px;} .listingWithBrief .homeListing:first-child{padding-left: 0px;} .listingWithBrief .homeListing:last-child{padding-right: 0px;} .focusWrapper .listingWithBrief h2{ margin-bottom:12px;} .listingWithBrief h2 a{color:#3f0d12;} .videoGalleryBlock.borderBox, .block-views-blockvideo-widget-block-1 .borderBox{ padding:12px; display: inline-block; width: 100%; margin:0px;} .videoGalleryBlock.borderBox {margin:42px 0px 43px;} .videoGalleryBlock .largeVdo, .block-views-blockvideo-widget-block-1 .largeVdo{ padding:0px 20px 0px 0px;border-right: 1px solid #d8d2cc;} .largeVdo h3{ margin-bottom:10px; line-height:39px;} .largeVdo h3 a{color:#3f0d12;} .largeVdo h3 .blockHeadingSubText{padding-top:13px;} .video-widget-big-title{display:inline-block; max-width:80%; vertical-align:middle;} .video-widget-big .video-widget-big-img{width:100%; height:409px; overflow:hidden;} .video-widget-big .video-widget-big-img img{ min-width:100%; min-height:100%; max-width:none} /*.largeVdoBanner{ position:relative;} .largeVdoBanner .playPauseBtn{top: 50%; left: 50%; position:absolute;margin-left: -50px; margin-top: -50px;}*/ .vdoTitle .blockHeadingSubText{ padding-top:3px;} .videoGalleryBlock .vdoList{ padding:9px 20px 0px;} .vdoList .blockHeading{ margin-bottom:18px; font-size:13px;} .vdoList .seeAll{font-size: 12px;position: absolute; top: 8px; right: 20px; line-height:24px; letter-spacing:0.05px;} .homeVdoListItem{padding:15px 0px; float:left; width:100%;} .homeVdoListItem:first-child, .homeVdoListItem:nth-child(2){padding-top:0px;} .homeVdoListItem:last-child{padding-bottom:0px;} .vdoThumb, .video_widget_switch{width:45%;max-width:150px;padding-right:12px; float:left; max-height:82px; overflow:hidden;} .vdoThumb img, .video_widget_switch img{width:100%;} .vdoTitle{width:55%; float:left;} .vdoTitle .blockHeadingSubText{ float:none;} .vdoTitle a{ font-size:15px;font-family: 'karlabold'; cursor:pointer; line-height:19px; letter-spacing:0px; color: #3f0d12;} .videoGalleryBlock .video-widget-big-img{position:relative;} .videoGalleryBlock .video-widget-big-img span.play-video {display:inline-block; width: 125px;height: 125px;position: absolute;top: 50%;left: 50%;margin-left: -55px;margin-top: -55px;background: url(../images/audioThumbImage.png); background-size: 100%; cursor:pointer;} .videoGalleryBlock .video-widget-big-img:hover span.play-video{ background-position:bottom; background-size:100%;} .scriptureBlock{margin:36px 0px 43px; width:100%;} .scriptureBlock .blockHeading{ padding:0px 0px 10px; line-height:24px; letter-spacing:1px; font-size:13px;} .scriptureBlock .borderBox{ padding:25px 50px 30px; background:url(../images/graphicBg.png) center -191px no-repeat; background-size: 380px; min-height:200px; margin:0px; line-height:24px;} .scriptureBlock .scriptureDate{ margin-bottom:5px; color:#857e7b; font-size:15px; line-height:22px; letter-spacing:0px;font-family: 'karlaregular';} .scriptureBlock .scriptureDate a{ color:#857e7b; cursor:pointer;} .scriptureBlock h3{ line-height:31px; letter-spacing:0px;} .scriptureBlock h3 a{color:#3f0d12;} .scriptureBlock h3 a > *{ display:inline;} .scriptureListing{padding:30px 0px 0px; display:inline-block; width:100%;} .scriptureList{color#:3f0d12; padding:5px 0px; width:46%;border-top: 1px solid #d8d2cc;} .scriptureList:first-child{margin-right:4%;} .scriptureList:last-child{margin-left:4%;} .scriptureList .heading{ text-transform:uppercase; font-size:12px; line-height:24px; letter-spacing:1px;} .scriptureListItem a{ font-size:15px;font-family: 'karlabold'; line-height:24px; letter-spacing:0px; color:#3f0d12;} .featuredBlock .featuredCommentBox .blockHeading{ padding:5px 0px 5px 25px;background: url(../images/iconComments.png) left center no-repeat; line-height:24px;} .focusWrapper{padding:21px 0px 36px;border-bottom: 1px solid #d8d2cc; margin:42px 0px 43px;} .focusWrapper .homeListing{ border:none;} .col-md-12.col-sm-12 .focusWrapper{ border-bottom:none;} .signUpNewsLetterHomeWrapper{padding:0px 0px;} .signUpNewsLetterWrapper{/*background:#ffffff; padding:7px;*/ margin:30px 0px; position:relative;} .contentArea div.fullpage:last-child .signUpNewsLetterWrapper{margin:30px 0px 0px;} /*.signUpNewsLetterWrapper:after, .signUpNewsLetterWrapper:before{position:absolute; width:27px; height:27px; display:block; z-index:1; content:" ";} .signUpNewsLetterWrapper:after{ background:url(../images/cornerRightTop.png) no-repeat right top 100%; top:0px; right:0px;background-size:100%;} .signUpNewsLetterWrapper:before{ background:url(../images/cornerLeftBottom.png) no-repeat left bottom 100%; left:0px; bottom:0px;background-size:100%;} .signUpNewsLetterInner{background:#872524 url(../images/innerBg.png) no-repeat -10px -30px;padding:40px; text-align:center; color:#ffffff;}*/ .signUpTitle{font-size:24px; margin-bottom:10px;font-family: 'playfair_displaybold';} .signUpNewsLetterInner .newsLetterBox input.form-control{text-align:left;font-size:19px; height:48px;color:#857e7b; background:#f4eee8;line-height: 24px; letter-spacing: -0.25px;padding:6px 12px; float:left; border-radius:0px;} .signUpNewsLetterHomeWrapper .signUpNewsLetterInner{padding: 60px 0px 80px;background:#872524 url(../images/innerBg.png) no-repeat -10% 0px; background-size: auto 200%; text-align:center;} .signUpNewsLetterHomeWrapper h2{color:#f4eee8; margin-bottom:10px; line-height:32px; font-size:32px;} .signUpNewsLetterHomeWrapper .signUpSubTitle, .signUpNewsLetter .form-item-message.form-group{font-size:19px;line-height:23px;font-family: 'karlaregular'; margin-top:20px; letter-spacing:0.25px; margin-bottom:45px;color: #f4eee8;} .signUpNewsLetterHomeWrapper .signUpNewsLetterInner .newsLetterBox{width:100%; margin:0px;} /* community page Newsletter section*/ .description{ font-size:19px;font-family: 'karlaregular'; line-height:23px; margin-top:20px;} .signUpNewsLetter .field--type-email{ display:inline-block; vertical-align:middle; width: 80%; margin-bottom:10px;} .signUpNewsLetterInner .newsLetterBox .submitBtn input.btn, .signUpNewsLetter .newsLetterBox .form-actions input.btn { position: relative; top: auto; left: auto; right: auto; display: block; width: 100%; height: 100%; background: none; color: #ffffff;font-family: 'karlabold';font-size: 15px; line-height: 24px;} .signUpNewsLetterInner .newsLetterBox .submitBtn, .signUpNewsLetter .newsLetterBox .form-actions{padding:0px;background:#3f0d12; margin:0px 0px 0px 2%;letter-spacing: -0.25px; width:16%; height:48px; position:relative; display:inline-block; vertical-align:middle;} .signUpNewsLetter .newsLetterBox .form-actions::after, .signUpNewsLetter .newsLetterBox .form-actions::before{ content:" ";display:block; z-index:1; width:18px; height:18px; } .signUpNewsLetter .newsLetterBox .form-actions:after{ background:url(../images/cornerTopRightNL.png) no-repeat right top 100%;position:absolute; right:-4px; top:-4px;background-size:100%;} .signUpNewsLetter .newsLetterBox .form-actions:before{ background:url(../images/cornerLeftBottomNL.png) no-repeat left bottom 100%;position:absolute; left:-4px; bottom:-4px;background-size:100%;} .signUpNewsLetter .newsLetterBox .form-actions:hover{ text-decoration:none; border:none; background:#5534a6;} .signUpNewsLetter .newsLetterBox .form-actions:hover:after{ background:url(../images/cornerTopRightNLHover.png) no-repeat right top 100%;position:absolute; right:-4px; top:-4px;background-size:100%;} .signUpNewsLetter .newsLetterBox .form-actions:hover:before{ background:url(../images/cornerLeftBottomNLHover.png) no-repeat left bottom 100%;position:absolute; left:-4px; bottom:-4px;background-size:100%;} .col-md-8 .signUpNewsLetterHomeWrapper{ margin:25px 0px;} .col-md-8 .signUpNewsLetterHomeWrapper .signUpNewsLetterInner { background-size: auto 100%; padding:56px 0px; background: #872524 url(../images/innerBg.png) no-repeat -180% 10%; background-size: 85% auto;} .col-md-8 .signUpNewsLetterInner .container{width:auto;} .col-md-8 .col-md-8.col-md-offset-2{ margin:0px; width:100%; padding: 0px 13%;} .col-md-8 .signUpNewsLetterInner .signUpNewsLetter .field--type-email{width:75%; margin-bottom:10px;} .col-md-8 .signUpNewsLetterInner .newsLetterBox input.form-control{ height:40px;} .col-md-8 .signUpNewsLetterInner .signUpNewsLetter .newsLetterBox .form-actions{height:40px;width: auto; min-width:21%;margin-bottom: 10px;} .col-md-8 .signUpNewsLetterHomeWrapper .signUpSubTitle, .col-md-8 .signUpNewsLetterHomeWrapper .signUpNewsLetter .form-item-message.form-group{ margin-top:15px; margin-bottom:35px;} /* home page style end */ /* right bar content style */ .lsitingRow{padding:17px 0px; border-bottom:1px solid #d8d2cc; line-height:normal;} .listingNumber, .listingContent{display:table-cell; vertical-align:middle;} .listingNumber{font-family: 'playfair_displayblack'; font-size:45px; color:#3f0d12;width:60px;vertical-align:middle; line-height:32px; letter-spacing:0.64px;padding-bottom: 10px;} .listingContent a{font-size:15px;font-family: 'karlabold';vertical-align:middle; line-height:19px; letter-spacing:0px; color:#3f0d12;} .listingTitle{ margin-bottom:6px;} .listingImage{width:128px; max-height:86px; height:auto; overflow:hidden; padding-right:15px; display:table-cell;} /* Header of inner pages style */ .page-header{margin:0px; padding:80px 0px 10px; border:none;} .pageContent > .row > .container-left{/* padding-top:50px;padding-bottom:50px; */font-family: 'FFTisaWeb'; font-size:18px; color:#4a4a4a; line-height:32px; letter-spacing:0.2px;} /*.pageContent > .row > .container-left h1{ padding-top:25px;} .pageContent > .row > .col-md-12.container-left{ margin-bottom:50px;} .pageContent > .row > .container-right{padding:50px 0px 0px 0px;}*/ .pageContent > .row > .container-right > *{ display:inline-block; width:100%;} .path-frontpage .pageContent > .row > .container-left, .path-frontpage .pageContent > .row > .container-right{ padding-top:0px;} .page-node-type-modular-page h1.page-header{padding:55px 0px 10px; } .page-node-type-podcast .page-header, .page-node-type-article .page-header, .page-node-type-video .page-header, .page-node-type-book-review .page-header, .page-node-type-the-word .page-header{padding:60px 0px 50px;} .page-node-type-podcast .page-header.largeHeader, .page-node-type-article .page-header.largeHeader, .page-node-type-video .page-header.largeHeader, .page-node-type-book-review .page-header.largeHeader, .page-node-type-the-word .page-header.largeHeader{padding:0px 0px 0px;} .page-node-type-podcast .pageContent > .row > .container-left, .page-node-type-article .pageContent > .row > .container-left, .page-node-type-video .pageContent > .row > .container-left, .page-node-type-book-review .pageContent > .row > .container-left, .page-node-type-the-word .pageContent > .row > .container-left, .page-node-type-podcast .pageContent > .row > .container-right, .page-node-type-article .pageContent > .row > .container-right, .page-node-type-book-review .pageContent > .row > .container-right, .page-node-type-the-word .pageContent > .row > .container-right, .page-node-type-video .pageContent > .row > .container-right, {padding-top:50px;} .page-node-type-podcast .container.author, .page-node-type-article .container.author, .page-node-type-video .container.author, .page-node-type-book-review .container.author, .page-node-type-the-word .container.author{margin-bottom: 45px;} /*fixed for */ .page-node-type-article .author > .row > .container-left, .page-node-type-video .author > .row > .container-left, .page-node-type-book-review .author > .row > .container-left, .page-node-type-the-word .author > .row > .container-left, {padding-top:50px;} /* channle page style */ .categoryListBlock{padding:6px 0px; border-top: 1px solid #d8d2cc; border-bottom: 1px solid #d8d2cc; width:100%;float:left;} .caegoryListItem{float:left; margin:0px 25px 0px 0px;} .caegoryListItem a{ font-size:13px; line-height:24px; letter-spacing:0.5px;font-family: 'karlaregular'; color: #3f0d12;} .topArticles{margin:25px 0px 25px;} .mainArticleTitle{ position:absolute; bottom:40px; left:75px; right:75px;} .mainArticleTitle .pageTitle{ margin-bottom: 15px; line-height: 50px;} .mainArticleTitle .pageTitle a, .mainArticleTitle .byAuthor, .mainArticleTitle .byAuthor a{color:#ffffff;} .mainArticleTitle .pageTitle a, .mainArticleTitle .byAuthor a{ cursor:pointer;} .mainArticleTitle .pageTitle a:hover{border-bottom: 1px solid #ffffff;} .mainArticleTitle .byAuthor, .mainArticleTitle .byAuthor a{font-size:15px;} .topArticles .articleList .seeAll{ margin-top:25px; display:inline-block;} .articleList .homeListing .byAuthor, .articleList .homeListing .byAuthor a{ font-size:13px;} .topArticles .mainArticleImage{ position:relative;} .topArticles .mainArticleImage:before { position: absolute; content: " "; z-index: 0; width:100%; height:100%; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); background: -o-radial-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); background: -moz-radial-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, .5) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0) 100%); } .col-md-12 .ourVoicesBlockWrapper{ text-align:center; margin:40px 0px; } .col-md-12 .ourVoicesBlockWrapper .blockHeadingBorder{ text-align:left;} .col-md-12 .ourVoicesBlockWrapper > .view-content{ border-bottom:1px solid #d8d2cc; margin:0px; padding:30px 0px; display:table; width:100%;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem{ display:table-cell; float:none; vertical-align:top;width:25%;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem:first-child{ padding-left:0px;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem:last-child{ padding-right:0px;} .col-md-12 .ourVoicesBlockWrapper .seeAll{ position:absolute; right:0px; top:5px;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem .authorThumb{width:130px; height:130px; margin-bottom:15px;margin-right: 0px;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem .authorThumb img{width:100%; height:100%;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem .ourVoicesBlock .authorName{ margin-bottom:8px;} .col-md-12 .ourVoicesBlockWrapper .ourVoicesBlock .authorTitle{width:100%; padding:0px 10px;} .mostPopularBox, .mostPopularListing{margin:42px 0px 43px; text-align:left;} .mostPopularListing .blockHeading, .mostPopularListing .blockHeading h2{font-size:13px;} .mostPopularListing .headingBarWrapper{ margin:3px 0px 10px;} .mostPopularListing .lsitingRow:first-child{ padding-top:5px;} .mostPopularBox .byAuthor, .mostPopularBox .byAuthor a, .mostPopularListing .byAuthor, .mostPopularListing .byAuthor a{ font-size:13px; line-height:22px; letter-spacing:0.5px;font-family: 'karlabold';} .mostPopularListing .listingContent,.mostPopularListing .listingContent a{font-size:19px;} /* audio gallery block style */ progress::-webkit-progress-value { background-color: #857e7b; } progress[value]::-webkit-progress-bar{ background-color: #d8d2cc;} .audioGalleryBlock.borderBox .pageTitle{display:block;} .audioGalleryBlock.borderBox{ padding:50px 25px 20px; display: inline-block; width: 100%; margin:42px 0px 43px;} .audioGalleryBlock .audioBlock .playPauseBtn, .audioGalleryBlock .audioBlock .playPauseBtn.playing, .audioGalleryBlock .audioBlock .playPauseBtn.playing:hover{width:52px; height:52px; margin-right:20px; display: inline-block; vertical-align: middle; float:none;} .audioGalleryBlock .audioBlock .seeBarTime{display: inline-block; vertical-align: middle; margin-right:10px; width:62%; margin-top:5px;} .audioGalleryBlock .audioBlock progress.seekBar{max-width:560px;width:89%; margin-right:20px;} .audioGalleryBlock .audioBlock .playTime{ margin:0px; width:42px;} .audioGalleryBlock .audioBlock .audioBottom{ margin-top:0px; display:inline-block; vertical-align:middle;} .audioGalleryBlock .audio-widget-big{ text-align:center; margin: 0px 2.5%;} .audio-widget-big-title{ margin-bottom:15px;} .audio-widget-big-title a{ cursor:pointer;} .audio-widget-big-desc, .audio-widget-small-desc{ font-size:19px;color:#3f0d12;font-family: 'karlaregular'; line-height:24px; letter-spacing:-0.25px; display:inline-block; margin-right:5px;} .audio-widget-big-series, .audio-widget-small-series{ margin-right:5px;} .audio-widget-big-series, .audio-widget-small-series, .audio-widget-big-series a, .audio-widget-small-series a{ font-size:15px;font-family: 'karlabold'; color:#5534a6;display: inline-block;} .audio-widget-big-series a, .audio-widget-small-series a{ cursor:pointer;} .audio-widget-big-created, .audio-widget-small-created{font-family: 'karlaregular';font-size:15px; color:#857e7b;display: inline-block;} .audio-widget-big-player{ margin-top:20px;} .audioList{margin-top: 30px;display: inline-block; width: 100%;} .audio-widget-small{ float:left; width:45%; padding:15px 0px; overflow:hidden;border-top:1px solid #d8d2cc;margin:0px 2.5%; border-bottom: 1px solid #d8d2cc; margin-top: -1px; min-height:97px;} .audio-widget-small:nth-child(2n){} .audio-widget-small:nth-child(2n+1){} .audio-widget-small:last-child, .audio-widget-small:nth-last-child(2){} .audio-widget-small a.audio_widget_switch { float: left; width:35px; margin-right: 2%;background:url(../images/audioThumbImage.png) no-repeat center 0px; background-size:100%; color: transparent; height: 35px; margin-top: 5px;} .audio-widget-small a.audio_widget_switch:hover{background:url(../images/audioThumbImage.png) no-repeat center -36px; background-size:100%;} .audio-widget-small-content{width:88%;float:left;} .audio-widget-small-title{font-size:19px;color:#3f0d12; line-height:30px; letter-spacing:0px;font-family: 'playfair_displaybold'; line-height:normal;} .audioList .view-footer{ float: right; clear: left; margin-top:30px;margin-right: 2.5%;} /* inner page style L1*/ .l1Page .page-header{padding:0px;} .l1Page .innerPageHeading{padding-top:50px; padding-bottom:10px; border-bottom:1px solid #d8d2cc; margin:0px; display:table; width:100%;} .l1Page .innerPageHeading > div{display: table-cell; vertical-align: bottom; float: none;} .l1Page .innerPageHeading > div:first-child{padding-left:0px;} .l1Page .innerPageHeading > .topHedingLinks:last-child{padding-right:0px;} .l1Page .topHedingLinks{ padding:0px 10px;} .l1Page .topHedingLinks a{ cursor:pointer;color:#5534a6;font-family: 'karlabold'; font-size:13px; letter-spacing:0.5px; display:inline-block; padding:3px 0px;} .l1Page .bottomNewsletter{padding:50px 0px 70px;} .l1Page .bottomNewsletter .row > div{float:right;} .l1Page .signUpNewsLetterWrapper{ margin:0px;} .l1Page .signUpNewsLetterInner{ padding:50px 50px 70px;} .l1Page .signUpNewsLetterInner .newsLetterBox{width:80%;} .sectionWrapper{padding:40px 25px;} .sectionWrapper .col-md-4.col-sm-6{padding-left:2px;} .sectionWrapper .mainArticleImage img{width:100%;} .l1Page .mostPopularBox .listingContent a{ font-size:19px; line-height:24px;cursor:pointer;} .articleBlock .homeListing{ border:none;} .articleBlock .pageTitle{ margin-bottom:15px;} .articleBlock .homeListing .briefContent{ font-size:19px; margin-bottom:20px;} .articleBlock .homeListing .byAuthor a{ font-size:15px;} .articleBlock .homeListing .byAuthor .authorTitle{width: 75%; line-height: 24px;} .l1Page .reactionsWrapper{padding:60px 0px;} .l1Page .reactionsWrapper .homeListing .byAuthor, .l1Page .reactionsWrapper .homeListing .byAuthor a{ font-size:15px; line-height:22px;} .audioSection{padding:40px 0px;} .l1Page .innerPagefocusSection { padding-top: 40px;} .l1Page .innerPagefocusSection .latestListing{ border-bottom:1px solid #d8d2cc; margin:0px;} .l1Page .innerPagefocusSection .latestImage, .l1Page .innerPagefocusSection .latestListingContent{padding-left:0px; margin:0px;} /* article page style */ .page-header .col-md-offset-1.container-left{padding:0px;} .breadcrumb{color:#857E7B;font-family: 'karlabold'; font-size:12px; text-transform:uppercase; letter-spacing:1px; background: none; padding: 0px; margin-bottom: 10px; line-height:24px;} .breadcrumb > a{color: #3f0d12;} .breadcrumb .issueDate a, .breadcrumb span a{color:#857E7B;} .breadcrumb a:hover, .breadcrumb .issueDate a:hover{color:#5534A6;} .breadcrumb > span, .breadcrumb > a{margin-right:22px; display:inline-block; margin-bottom:5px;} .breadcrumb .issueDate{font-family: 'karlabolditalic';} .pageTitle a{font-family: 'playfair_displaybold'; font-size:45px; letter-spacing:-0.2px; line-height:50px;color: #3f0d12; margin:0px;} .pageTitle a:hover{ text-decoration:none; border-bottom:1px solid #3f0d12;} .author .row{margin:0px; display: table; width: 100%;} .author .container-left, .author .container-right{padding: 10px 0px; min-height:72px; border-top:1px solid #d8d2cc; border-bottom:1px solid #d8d2cc; display: table-cell; vertical-align: middle; float: none;} .author .container-right{ text-align:right;padding: 17px 30px;} .authorThumb{ width:52px; height:52px; border-radius:50%; overflow:hidden; display:inline-block; vertical-align:middle; margin-right:18px;} .authorThumb img{ width:52px; height:52px;} .authorTitle{display:inline-block; vertical-align:middle; font-size:15px; letter-spacing:.5px; width:90%; line-height:22px;} .author .container-left .authorThumb, .author .container-left .authorTitle{} .authorTitle > a, .authorTitle .authorName > a{font-family: 'karlabold'; color:#EB4511; display:inline;} .authorTitle span{font-family: 'karlaregular';color:#857E7B; display:block;} span.author-pipe-bar { display: inline-block; margin: 0px 5px; } .soucialLinks{width:33px; height:33px; border-radius:50%; border:1px solid #5534A6; display:inline-block; margin:0px 2px; background:#ffffff; overflow:hidden;} .soucialLinks a{ display:block; width:100%; height:100%;} .soucialLinks .facebook{ background:url(../images/iconFacbookPurple.png) center 5% no-repeat; background-size: 120% auto;} .soucialLinks:hover .facebook, .soucialLinks:hover .facebook:hover{ background:url(../images/iconFacbookPurple.png) center 91% no-repeat; background-size: 120% auto;} .soucialLinks .twitter{ background:url(../images/iconTwitterPurple.png) center 5% no-repeat; background-size: 120% auto;} .soucialLinks:hover .twitter, .soucialLinks:hover .twitter:hover{ background:url(../images/iconTwitterPurple.png) center 91% no-repeat; background-size: 120% auto;} .soucialLinks .pocket{background:url(../images/iconPocketPurple.png) center 5% no-repeat; background-size: 120% auto; width:100%; height:100%;} .soucialLinks:hover .pocket, .soucialLinks:hover .pocket:hover, .soucialLinks .Enabled.pocket{ background:#5534A6 url(../images/iconPocketPurple.png) center 90% no-repeat; background-size: 120% auto;} .soucialLinks .mail{ background:url(../images/iconMailPurple.png) center 5% no-repeat; background-size: 120% auto;} .soucialLinks:hover .mail, .soucialLinks:hover .mail:hover{ background:url(../images/iconMailPurple.png) center 91% no-repeat; background-size: 120% auto;} .soucialLinks .print{background:url(../images/iconPrintPurple.png) center 5% no-repeat; background-size: 120% auto;} .soucialLinks:hover .print, .soucialLinks:hover .print:hover{ background:url(../images/iconPrintPurple.png) center 92% no-repeat; background-size: 120% auto;} .soucialLinks:hover{ background:#5534A6;} article h1{font-family: 'karlabold';} article h2{ font-size:18px;font-family: 'karlabold'; color:#3f0d12; line-height:32px; letter-spacing:0.2px;} article .field--name-body h3, article .field--name-body h4{ margin:25px 0px 0px; display:block; font-size:18px;font-family: 'karlabold';} .bookReviewWrapper:first-child .bookReviewBlock{border-top:4px solid #41010E;} .bookReviewBlock{width:54%; max-width:400px; float:left; margin: 0px 30px 0px 20px; border:1px solid #D8D2CC; border-top:none; padding:18px 20px 18px 0px;} .bookReviewWrapper:last-child .bookReviewBlock{ margin-bottom:10px;} .bookThumb{width:107px; overflow:hidden;height:auto; border:1px solid rgba(182,181,177, 0.5); margin-right:20px; margin-left:-20px; display:inline-block; vertical-align:top;} .bookThumb img{max-width:100%; height:auto;} .bookDetail{width: 65%; display:inline-block;font-family: 'karlaregular'; font-size:15px; padding-top:15px; line-height:normal; color: #857E7B; letter-spacing:0.4px;} .bookDetail span {display:block;} .bookDetail .bookReview{ font-size:12px; text-transform:uppercase; color: #3f0d12;font-family: 'karlabold'; margin-bottom:10px;display:block; letter-spacing:1px;} .bookDetail .bookTitle{ margin-bottom:5px;display:block;} .bookDetail .bookTitle, .bookDetail .bookTitle a{font-family: 'karlabold'; font-size:18px; color: #3f0d12; text-transform:capitalize;letter-spacing: 0px;} .bookDetail .bookTitle a:hover{ color: #5534A6;} .bookDetail .bookBy{margin-bottom:40px;display:block;} /*.contentTweetBlock{color: #5534A6; color: #3f0d12; text-align:center; padding:10px 80px 35px; font-size:24px;font-family: 'karlabold';} .contentTweetBlock:hover > a{display:block; cursor:pointer;} .contentTweetBlock:hover > a:hover{color: #5534A6; text-decoration:none;} .iconQuote{padding: 0px; margin: 0px auto 30px; font-size: inherit; border: none;position: relative; height: 40px; display: block; width: 50px;} .iconQuote:before{display:inline-block; clear:both; background:url(../images/iconQuote.png) center top no-repeat; background-size:100%; font-size: 4em; margin: 0px auto 0px;padding: 0px; border:none; display:block; position: absolute;line-height: normal; width: 100%; height: 100%; content:"";} .contentTweetBlock:hover > a:hover .iconQuote:before{background:url(../images/iconQuote.png) center -42px no-repeat;} .contentTweetBlock .twitter {color: #5534A6; font-size:15px;} .contentTweetBlock .twitter .text{border-bottom:1px solid #5534a6; transition:all .5s ease;} .contentTweetBlock .iconTwitter{ background:url(../images/iconTwitterPurple.png) center 0px no-repeat;background-size: 55% auto; width:29px; height:29px; border-radius:50%; border:1px solid #5534A6; display:inline-block; margin-right:10px; vertical-align:middle;} .contentTweetBlock:hover a:hover .iconTwitter{background:#5534A6 url(../images/iconTwitterPurple.png) center -41px no-repeat; width:38px; height:38px;background-size: 55% auto;} .contentTweetBlock:hover a:hover .text{border-bottom:1px solid #5534a6;} .contentTweetBlock .tweetlLink{padding-top:10px;}*/ .contentTweetBlock{/*color: #5534A6;*/display:block; cursor:pointer; color: #3f0d12; text-align:center; padding:30px 80px 35px; font-size:25px;font-family: 'karlabold'; line-height:31px; letter-spacing:0.01px;} .contentTweetBlock:hover{} .contentTweetBlock:hover {color: #5534A6; text-decoration:none;} .iconQuote{padding: 0px; margin: 0px auto 30px; font-size: inherit; border: none;position: relative; height: 40px; display: block; width: 50px;} .iconQuote:before{display:inline-block; clear:both; background:url(../images/iconQuote.png) center top no-repeat; background-size:100%; /* font-size: 4em;*/ margin: 0px auto 0px;padding: 0px; border:none; display:block; position: absolute;line-height: normal; width: 100%; height: 100%; content:"";} .contentTweetBlock:hover .iconQuote:before{background:url(../images/iconQuote.png) center -42px no-repeat;} .contentTweetBlock .tweetlLink{ margin-top:30px;display: table; width: 100%;} .contentTweetBlock .twitter { display: table-cell; text-align: center; vertical-align: middle; height: 38px; padding: 0px 0px;color: #5534A6; font-size:15px; line-height:24px; letter-spacing:0.06px; transition: padding .5s ease;} .contentTweetBlock .iconTwitter{ background:url(../images/iconTwitterPurple.png) center 5% no-repeat; background-size:120% auto; width:29px; height:29px; border-radius:50%; border:1px solid #5534A6; display:inline-block; margin-right:10px; vertical-align:middle;transition: width .5s ease, height .5s ease, background-color .5s ease;} .contentTweetBlock:hover .twitter{ transition: padding .5s ease; padding:0px;} .contentTweetBlock:hover .iconTwitter{background:#5534A6 url(../images/iconTwitterPurple.png) center 93% no-repeat; background-size:120% auto; width:38px; height:38px;transition: width .5s ease, height .5s ease, background-color .5s ease;} .contentTweetBlock:hover .text, .contentTweetBlock .text{border-bottom:1px solid #5534a6;} .contentBoxSmall, article figure{float:left; margin-right:50px; font-family: 'karlaregular'; font-size: 15px; line-height: 23px; color: #857E7B;} article figure{width:50%; max-width:335px;} article figure img{ width:100%; height:auto;} .contentBoxSmall{width:54%; max-width:400px;} /* expandable image style */ .imageExpandableLead{width:100%; margin:0px 0px 35px; text-align:center;} .imageExpandableLead img{ display:inline-block;} .expandImage{ position:relative;} .expandImage img{width:100%; height:auto;} .iconExpand{ background:url(../images/iconExpand.png) center center no-repeat; width:25px; height:25px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1;} article figcaption, .imageExpandable .imageTitle, .imageExpandableLead .imageTitle, .videoBlock .imageTitle{font-size:12px;color:#857E7B;font-family: 'karlaregular'; line-height: 18px; display: block; padding: 8px 0px; letter-spacing:0px;} .imageExpandableLead .imageTitle{ padding: 8px 0px;} article figcaption{ padding: 6px 0px;} .bottomSociaLinks{margin-top:57px; margin-bottom:40px;} .moreTags{ margin:0px 0px 16px; line-height: normal; font-size: 12px; font-weight:bold; line-height:24px; letter-spacing:.94px} .moreTags span:first-child{color: #3f0d12;font-family: 'karlaregular'; margin-right:15px; font-weight:normal;} .moreTags a{font-family: 'karlabold'; text-transform:uppercase; letter-spacing:1px; margin:3px 5px;display: inline-block; letter-spacing:1px; color: #3f0d12;} .moreTags a:hover{color:#5534a6;} .authorBlockBottom{font-family: 'karlaregular';line-height:normal; padding:23px 0px; border-top: 1px solid #d8d2cc; border-bottom: 1px solid #d8d2cc; color: #3f0d12;-ms-word-break: break-all; word-break: break-all; word-break: break-word; margin-top:-1px;} .authorBlockBottom:first-child{ margin-top:25px; } .authorBlockBottom:last-child{ margin-bottom:25px; } .authorBlockBottom .authorThumb{width:100px; height:100px; display:table-cell;vertical-align: top; border: none; border-radius: 0px;} .authorBlockBottom .authorThumb img{width:100%; height:100%;border-radius: 50%;} .authorBlockBottom .authorTitle{ display:table-cell; padding-left: 35px; vertical-align:middle; width:auto; width:auo;letter-spacing: .3px;} .authorBlockBottom .authorTitle a{display: inline-block; margin-top:0;} a.tweetToAuthor, a.mailToAuthor{font-family: 'karlaregular';color: #4a4a4a; padding-left:23px; margin:18px 20px 0px 0px;font-size: 15px; line-height:22px; letter-spacing:0.5px;} a.mailToAuthor{ background:url(../images/iconMail.png) no-repeat left 4px;} a.tweetToAuthor{ background:url(../images/iconTweet.png) no-repeat left 2px;} .multi-author-grid { float: left;width: 45%; margin-right: 5%;} .multi-author-grid:nth-child(2n){margin-right:0px;} .multi-author-grid .authorBlockBottom{ padding:19px 0px;} .multi-author-grid .authorBlockBottom .authorThumb{width:52px; height:52px;} .multi-author-grid .authorBlockBottom .authorTitle{ padding-left:19px;} .multi-author-grid a.tweetToAuthor{ height:22px; overflow:hidden; margin:0px;} .showCommentSection{ margin:40px 0px 0px;} .showCommentSection > .commentsUserName{margin-bottom:5px;} .commentBox{padding:25px 15px; border-top:1px solid #d8d2cc; border-bottom:1px solid #d8d2cc; line-height:normal; margin-bottom: 25px; margin-top:25px;} .showCommentHeading, .showCommentSection > h2{font-family: 'karlabold'; text-transform:uppercase; font-size:14px; line-height: 24px; letter-spacing: 1px;padding-left:25px; background:url(../images/iconComments.png) no-repeat left 2px;} .showCommentHecolor:#3ading:hover{background:url(../images/iconComments.png) no-repeat left -18px;} .showCommentHeading a, .showCommentSection > h2 a{ background:url(../images/arrowDown.png) right top no-repeat; padding-right:25px; text-decoration:none; color:#3f0d12;} .showCommentHeading a.hide-comments{background:url(../images/arrowUpComments.png) right top no-repeat;text-decoration:none;} .showCommentHeading:hover a.hide-comments, .showCommentHeading:hover a:hover.hide-comments {background:url(../images/arrowUpComments.png) right -17px no-repeat; text-decoration:none;} .showCommentHeading:hover a, .showCommentHeading:hover a:hover, .showCommentSection > h2:hover a, .showCommentSection > h2:hover a:hover{background:url(../images/arrowDown.png) right -17px no-repeat;color: #5534A6;text-decoration:none;} .beFirstComment{font-family: 'karlaregular'; font-size:15px; line-height:24px; letter-spacing:0.3px;color: #3f0d12;} .commentNotice{font-family: 'karlaregular'; font-size:15px; line-height:24px;letter-spacing:0;color: #3f0d12;} .commentsUserName{ font-size:15px; line-height:24px;letter-spacing:0;font-family: 'karlabold';color: #3f0d12; display:inline-block; vertical-align:middle; margin-right:15px; } .commentsDate, .commensFlagPost, .comment-reply, .commentsLike, .commentsPreviewPost{font-size:13px; line-height:24px; color:#857e7b; letter-spacing:0px;font-family: 'karlaregular'; display:inline-block; vertical-align:middle;} .commensFlagPost{ float:right;} .comment-reply a{font-family: 'karlabold'; color:#857e7b; padding-left:22px; background:url(../images/iconCommentsGray.png) left center no-repeat;} .commentsLike, .commentsLike a{font-family: 'karlabold'; color:#857e7b;} .commentsLike{margin-right:30px;} .comment-reply a:hover, .commentsLike a:hover{ text-decoration:underline; } .commentsPreviewPost a:hover{ text-decoration:underline;} .field--type-language .form-group{ margin:0px;} .field--name-comment-body{ font-size:15px; line-height:23px; letter-spacing:0.3px;font-family: 'karlaregular'; color: #3f0d12;} .field--name-comment-body a{ text-decoration:underline;} .showCommentSection > .indented{ margin-left:60px;} .comment-form textarea, .comment-form textarea.form-control:focus{border:1px solid #979797; border-radius:0px; font-size:15px; line-height:24px; letter-spacing:0.3px;font-family: 'karlaregular'; color: #3f0d12; padding:17px; box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none;} .comment-form input.form-submit{ font-size:15px; color:#FFFDF8; line-height:24px; letter-spacing:0px; height:auto; margin-bottom:20px;font-family: 'karlabold';padding: 9px 6px 8px; width: 133px;} .comment-form input.form-submit[disabled], .comment-form input.form-submit[disabled]:hover, .btn-success[disabled]:hover{ background:#d8d2cc;color:#857e7b;} .latestFromAmericaBox{margin:20px 0px 50px;} .latestListing {padding:35px 0px;} .latestImage img{width:100%;} .latestListing .latestImage{padding-right:16px;} .latestListing .latestListingContent{padding-left:16px;} .latestTitle{margin-bottom:15px;} .latestTitle a{ font-size:32px;font-family: 'playfair_displaybold'; text-transform:capitalize; line-height:39px; letter-spacing:-0.2px; color:#3f0d12;} .latestTitle a:hover{ color:#3f0d12; text-decoration:none; border-bottom:1px solid #3f0d12;} .latestListingContent{ line-height:24px; letter-spacing:-0.25px; color: #3f0d12; font-size:19px; margin-bottom:20px;font-family: 'karlaregular';} .latestListingContent .authorTitle{width:100%; color:#872425;font-family: 'karlabold'; } .latestListingContent .authorTitle a{margin-right:10px; color:#872425;} .latestListingContent .authorTitle > *{ display:inline-block;} .latestContent{margin-bottom:10px;} .partnershipWith{ margin-top: 5px; margin-bottom: 5px;line-height: 23px; letter-spacing:0.3px; width:50%; max-width:335px;} .partnershipHeading{margin:25px 0px 15px; } .partnershipHeading span{ display:inline-block; vertical-align:middle;} .partnershipLogo{width:100%; height:75px;} .partnershipLogo img{ max-height:100%; width:auto;} .partnershipTitle{width:70%;color:#273e5d;font-family: 'karlabold'; font-size:30px; line-height:normal; text-transform:uppercase;letter-spacing: 2px;} .partnershipWith p{margin-bottom:16px;} .partnershipWith .moreLink{ margin-top:20px; text-decoration:none; border-bottom: 1px solid #5534a6;font-family: 'karlabold'; font-size:15px; line-height:19px; letter-spacing:0px; color:#5534a6;} /* audio player style*/ .view-related-podcast, .view-related-podcast-nid{ margin-bottom: 25px; display: inline-block; width: 100%;} .view-related-podcast .borderBox, .view-related-podcast-nid .borderBox{display: inline-block;width: 100%} .audioBlock{display: inline-block; width:100%;font-family: 'karlabold'; padding:15px 15px 10px;} .playPauseBtn,.playPauseBtn.playing:hover{width:100px; height:100px; float:left; margin-right:35px; border-radius:50%;background:#872425; cursor:pointer;} .playPauseIcon{background: url(../images/playPauseButton.png) no-repeat 2px 100%; display:block; width:50%; height:50%;margin: 25% auto; background-size:100%;} .playPauseBtn.playing > .playPauseIcon{background: url(../images/playPauseButton.png) no-repeat 0px 0px; background-size:100%;} .playPauseBtn:hover{background:#5534A6;} .seekBar{ height:8px; width:63%; display:inline-block; background:#d8d2cc;} .seeBarTime{margin-top: 25px;} .volumeBtn{ display:inline-block; vertical-align:middle; width:20px; height:20px; background:url(../images/iconValume.png) no-repeat left top; cursor:pointer;} .volumeBtn.muted{background:url(../images/iconValume.png) no-repeat left -20px;} .playTime{ display:inline-block; margin-left:10px;font-family: 'karlaregular'; font-size:15px; line-height:22px; letter-spacing:0.5px; color:#857e7b;} .audioTitle, .audioTitle a{font-size:20px; color:#3f0d12; display:inline-block; line-height:22px; letter-spacing:0px;} .audioBottom{ margin-top:12px;} .audioBlock .text{ display:inline-block; line-height:normal; margin-right:40px;} .text a{ color: #5534A6; font-size:12px;font-family: 'karlabold'; line-height:22px; letter-spacing:0.4px; border-bottom:1px solid #5534A6;} .text a:hover{text-decoration:none; border-bottom:1px solid #5534A6;} /* video player style start*/ .videoBlock{ position:relative; margin:0px 0px 30px; display:inline-block; width:100%;} .videoBlock .borderBox{ margin:0px; position:relative;} .videoBlock video{width:100%;} .videoBlock .playPauseBtn { position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px;} .playPauseBtn.videoPlaying { display: none;} /* video player style end*/ .block1{padding:25px 20px; background: url(../images/graphicBg.png) -130px 0px no-repeat;} .heading{font-family: 'karlabold';color:#3f0d12; font-size:18px;} .block1 .titleKarlaBoldDark{ letter-spacing:1px; font-size:13px;} .block1 ul{padding:0px;} .block1 ul li{ list-style-position:inside;} .containerRight{ text-align:center;} .innerPage .page-header, .searchResult .page-header{ padding:70px 0px 20px; } .searchTitle{font-family: 'karlabold';} .searchTitle img{ vertical-align: baseline; margin-right:15px; width:25px; height:25px;} #edit-search-api-fulltext { font-size: 32px; line-height: 39px; border: none; color: #3f0d12; position: relative; background: url(../images/iconSearchResult.png) center left no-repeat; padding-left: 50px; color: #3f0d12; font-family: 'karlaregular'; letter-spacing: -0.2px; margin-bottom: 25px; font-weight: 700; height: auto; } #edit-search-api-fulltext:focus{ border:none; box-shadow: none; } .filterBlock{border-top:1px solid #d8d2cc; border-bottom:1px solid #d8d2cc; padding:9px 0px; margin-bottom:50px; display: inline-block; width: 100%;} .searchTabs{ display:inline-block; vertical-align:middle; margin-right:25px;} .searchTabs .btn{float:left;} .resultCount{float:right;padding: 8px 0px; color:#857e7b;font-family: 'karlaregular';font-size: 15px;} .filterBlock .filterBtn, .filterBlock .filterBtn:hover{ background:url(../images/close.png) no-repeat 95% center;} .filterBlock .filterBtn.collapsed, .filterBlock .filterBtn.collapsed:hover{ background:url(../images/iconCollepsed.png) no-repeat 95% center;} .filtersListWrapper{height: 0px;overflow: hidden; width:100%;} .filtersListWrapper.collapse.in{ height:auto;} .filtersList{ padding: 35px 0px 15px; display: table; width: 100%;} .filtersList ul{list-style: none; list-style-type: none; padding: 0px; margin:0px; width:20%; display:table-cell;} .filtersList ul li{color:#857e7b;font-family: 'karlaregular';font-size:13px; line-height:24px; letter-spacing:1px; padding-left:20px;} .filtersList ul li:first-child{color:#3f0d12;font-family: 'karlabold';} .filtersList ul li.activeFilter{color:#872425;font-family: 'karlabold'; } .filtersList ul li input[type="checkbox"]{ vertical-align: middle; margin:0px;} .clearFilter { display:inline-block; margin-left:10px;} .clearFilter a{ display:inline-block; border-bottom:1px solid #d8d2cc; text-decoration:none; line-height:24px; color:#857e7b; font-family: 'karlabold';} .filtersList .fieldset-wrapper .checkbox { margin: 0; display: inline-block; width: 23%; } .filtersList .fieldset-wrapper .control-label.option { color: #857e7b; font-family: 'karlaregular'; font-size: 13px; line-height: 24px; letter-spacing: 1px; padding-left: 20px; } .filtersList .fieldset-wrapper .control-label.option.active{color:#872425;font-family: 'karlabold'; } .filtersList .fieldset-wrapper input[type="checkbox"] { vertical-align: middle; margin: 5px 0 0; margin-left: -17px; } .innerPage .containerRight, .searchResult .containerRight{ text-align:right;} .searchListing, .magazineListing{display: inline-block; width: 100%; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #d8d2cc;} .magazineListing .listImage, .magazineListing .listContent{ padding-left:0px;} .page-node-type-issue .currentIssueButtons .cornerButtenWrapper::before { background: url(../images/cornerLeftBottomRedLineWhiteBg.png) no-repeat bottom left; background-size: 100%;} .page-node-type-issue .currentIssueButtons .cornerButtenWrapper::after { background: url(../images/cornerTopRightRedLineWhiteBg.png) no-repeat top right; background-size: 100%; } .page-node-type-issue .currentIssueButtons .cornerButtenWrapper:hover::before { background: url(../images/cornerLeftBottomBlueLineWhiteBg.png) no-repeat bottom left; background-size: 100%;} .page-node-type-issue .currentIssueButtons .cornerButtenWrapper:hover::after { background: url(../images/cornerTopRightBlueLineWhiteBg.png) no-repeat top right; background-size: 100%; } .searchListing .issueDate, .authorDate{ color:#857e7b;font-family: 'karlaregular';font-size: 15px; line-height:24px; letter-spacing:0.3px;} .searchListing .contentTitle{font-family: 'karlabold';color: #3f0d12;} .searchListing .listCategory .issueDate{ font-size:13px;} .listImage{ text-align:center; padding:0px 0px; overflow:hidden;float:left;max-width: 188px;} .listContent .title a{ font-size:24px; line-height:30px; letter-spacing:0px; margin-bottom:5px;font-family: 'playfair_displaybold'; color:#3f0d12;} .listContent .byAuthor{font-family: 'karlabold'; font-size:15px; line-height:24px; letter-spacing:0.3px;} .listContent .byAuthor a{ margin-right:10px;} .listContent .briefContent{font-family: 'karlaregular'; font-size:15px; line-height:24px; letter-spacing:0.3px; color:#3f0d12;margin-top:10px;} .listingArticle .listImage img{ width:auto;} .listCategory{font-family: 'karlabold'; font-size:13px; color:#857e7b; line-height:24px; letter-spacing:1px; text-transform:uppercase;} .listingArticle .listCategory .issueDate{font-family: 'karlabolditalic'; margin-left:15px; font-size:13px;} .listCategory .channelName{color:#3F0D12;margin-right: 10px;} .listCategory .seriesName{color:#857E7B;} .magazineListing.listingCurrentIssue .listImage, .magazineListing.listingCurrentIssue .listContent{ padding-left:25px;} .listingCurrentIssue .categoryName{ color:#eb4511;} .listingCurrentIssue .issueDate{ margin-left:0px; color:#3f0d12;font-family: 'karlabold'; font-size:13px;} .listingCurrentIssue .categoryNumber{ margin-left:15px;} .listingCurrentIssue .title{font-family: 'playfair_displaybold';} .magazineDetails .currentTitle{ text-align:left;} .magazineDetails .currentTitle span:first-child { color: #eb4511; } .magazineDetails .currentIssueImage{margin: 31px 25px 0px 0px; height:auto;} .magazineDetails .currentIssueImage img{ height:auto;} .magazineDetails .currentIssueContent{ margin:31px 0px 0px 15px; padding-top:55px;} .magazineDetails .currentIssueDate{ margin-top:85px; padding-left: 6px; text-align:left;} .magazineDetails .currentIssueContent .currentTitle span{color: #857e7b;} .cornerButten.redLinewhiteBg a{ background:#872425; padding:12px 20px; margin-top:10px;display: inline-block; line-height: 100%; color: #ffffff; text-transform: none; overflow: visible;min-width: 180px; position:relative; text-align:center; font-family: 'karlabold';} .cornerButten.redLinewhiteBg a:after, .cornerButten.redLinewhiteBg a:before{position:absolute; width:18px; height:19px; z-index:1; display:block; content:" ";} .cornerButten.redLinewhiteBg a:before{left:-4px; bottom:-4px; background:url(../images/cornerLeftBottomRedLineWhiteBg.png) no-repeat bottom left;} .cornerButten.redLinewhiteBg a:after{ right:-4px; top:-4px; background:url(../images/cornerTopRightRedLineWhiteBg.png) no-repeat top right;} .cornerButten.redLinewhiteBg a:hover:before{background:url(../images/cornerLeftBottomBlueLineWhiteBg.png) no-repeat bottom left;} .cornerButten.redLinewhiteBg a:hover:after{background:url(../images/cornerTopRightBlueLineWhiteBg.png) no-repeat top right;} .cornerButten.redLinewhiteBg a:hover{ background:#5534a6;} .listingTheVoices{ display:table;} .listingTheVoices, .listingArticle{ display:table;width: 100%; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #d8d2cc;} .listingTheVoices .listImage, .listingTheVoices .listContent{ display:table-cell; float:none; vertical-align:middle; padding-left:0px;} .listingTheVoices .thumbImage{ border-radius:50%; width:130px; height:130px; overflow:hidden; display:inline-block;} .listingTheVoices .thumbImage img{min-width:100%; max-width:none; min-height:100%; max-height:none;} .listingTheVoices .title {font-size:25px; line-height:30px; letter-spacing:0px;font-family: 'karlabold';} .listingTheVoices .subTitle{font-family: 'karlaitalic';} .listingTheVoices .contentTitle, .listingTheVoices .contentTitle a{font-family: 'karlabold'; font-size:15px; line-height:23px; letter-spacing:0.3px; color:#3f0d12;} .listingTheVoices .issueDate{color:#857e7b;font-family: 'karlaregular';font-size: 15px; line-height:23px; letter-spacing:0.3px;} .view-our-voices-page .form-group{ margin-bottom:0px;} .listingTheWord .thumbImage, .listingPodcast .thumbImage{ height:125px; width:125px;display: inline-block; overflow:hidden; border-radius: 50%;} .relatedStory {margin:20px 50px 20px 0px; width:50%; max-width:337px;} .relatedStory .listingImage{width:140px; max-height:86px; height:auto; overflow:hidden; padding-right:15px; display:table-cell;} .relatedStory .listingImage img{width:100%; height:auto;} .relatedStory .listingTitle a{ margin-bottom:2px; font-size:15px;} .relatedStory .listingTitle a:hover{ text-decoration:underline; color:#5534a6;} .relatedStory .lsitingRow{padding:15px 0px;} .relatedStory .byAuthor, .relatedStory .byAuthor a{ font-size:12px; line-height:22px; letter-spacing:0.5px; color: #872425;} .searchResult .signUpNewsLetterInner .newsLetterBox{width:70%;} .innerPage .currentIssueWrapper { margin:0px 0px 25px;} .magazineListing .thumbImage{ width: 125px; height: 165px; overflow: hidden; display: inline-block; } .magazineListing .thumbImage img{min-width:100%; max-width:none; width:100%; height:100%;} /* community page style */ .communityHeader{} .communityHeader .pageTitle{border-bottom:1px solid #d8d2cc;padding-bottom:10px; line-height:50px;} .communityHeader .communityHeaderDetail{ padding-top:45px; padding-bottom:60px;} .communityHeaderDesc{font-family: 'karlaregular'; font-size:25px; line-height:35px; letter-spacing:-0.16px; color:#3f0d12;} .communityHeader .subscribeBtn{ margin-bottom:25px;} .cornerButtenWrapper.subscribeBtn::before{background: url(../images/cornerLeftBottomPinkBg.png) no-repeat bottom left; background-size: 100%;} .cornerButtenWrapper.subscribeBtn::after{background: url(../images/cornerRightTopPinkBg.png) no-repeat top right; background-size: 100%;} .cornerButtenWrapper.subscribeBtn .buttenWrapperInner{ background:#872425;} .cornerButtenWrapper.donateBtn .buttenWrapperInner{ background:transparent;} .cornerButtenWrapper.donateBtn a{color:#872425;} .cornerButtenWrapper.donateBtn::before{background: url(../images/cornerLeftBottomPinkBg.png) no-repeat bottom left; background-size: 100%;} .cornerButtenWrapper.donateBtn::after{background: url(../images/cornerRightTopPinkBg.png) no-repeat top right; background-size: 100%;} .cornerButtenWrapper.subscribeBtn:hover .buttenWrapperInner { background: #5534a6; } .cornerButtenWrapper.donateBtn:hover::before, .cornerButtenWrapper.subscribeBtn:hover::before{background: url(../images/cornerLeftBottomPinkBgHover.png) no-repeat bottom left; background-size: 100%;} .cornerButtenWrapper.donateBtn:hover::after, .cornerButtenWrapper.subscribeBtn:hover::after{background: url(../images/cornerRightTopPinkBgHover.png) no-repeat top right; background-size: 100%;} .communityArticleSection .briefContent{ font-size:19px; line-height:24px; letter-spacing:-0.25px; color:#3f0d12;} .communityVdoGellery .blockHeading{ font-size:13px; line-height:24px; letter-spacing:1px;font-family: 'karlabold';} .communityVdoGellery .vdoTitle a{ line-height:19px; letter-spacing:0px;} .communityVdoGellery .blockHeadingSubText a, .communityVdoGellery h3 .blockHeadingSubText a{color:#5534a6; font-size:12px; line-height:19px; letter-spacing:0px;} .communityVdoGellery .largeVdo h3{ line-height:39px;margin-bottom: 12px;} .communityVdoGellery h3 .blockHeadingSubText{padding-top:10px;} .highlightsBox{font-family: 'karlaregular';font-size:15px; line-height:23px; letter-spacing:0.3px; float:left; width:100%; padding-top:33px;} .highlightsBox .blockHeading{ background:url(../images/iconComment.png) left center no-repeat ;border-bottom:1px solid #d8d2cc; padding:5px 0px 5px 25px; line-height:24px; font-size:13px;} .highlightsBox .highlightsComment { padding:40px 0px 0px; color:#3f0d12;} .highlightsBox .author{color: #857E7B;} .highlightsBox .viewComment{line-height:24px; letter-spacing:0.06px;} .feauredSeries{width:100%; position:relative;} .feauredSeries .whiteBorderBox{ position: absolute; z-index: 1; left: 50px; top: 35px; letter-spacing:1px;} .feauredSeries .whiteBorderBox a{font-size:13px; line-height:24px; letter-spacing:1px; padding:5px 39px;} .feauredSeries .whiteBorderBox a em{ font-family: 'karlabolditalic';} .feauredSeries .feauredSeriesImage{ height:672px; overflow:hidden; position:relative;} .feauredSeriesImage img{min-width:100%; min-height:100%; max-width:none;} .topOverlay{ position:absolute; width:100%; height:100%; z-index:0; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); background: -o-radial-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); background: -moz-radial-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); background: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .5) 80%, rgba(0, 0, 0, .6) 100%); } .topContent{position:absolute; padding: 0px 45px 0px;color:#ffffff;top:80px;} .topContent .sectionTitle, .topContent .byAuthor{ margin-bottom:20px;} .topContent .sectionTitle{ margin-top:10px;} .topContent .sectionTitle a{color:#ffffff;cursor:pointer;} .topContent .sectionTitle a:hover{border-bottom:1px solid #ffffff; text-decoration: none;} .topContent .learnMore, .topContent .learnMore a{ font-size:19px;color:#ffffff;font-family: 'karlabold'; line-height:24px; letter-spacing:0.15px;} .topContent .learnMore a{ text-decoration:underline;} .feauredDesc{ font-size:15px; line-height:23px; letter-spacing:0.3px; color:#857e7b;} .feauredSeriesWrapper{padding-bottom: 35px; margin-bottom: 43px;} .feauredSeriesBlock{display: inline-block; padding: 0px 25px; position:absolute; left:0px; margin:0px;width: 100%; bottom: -35px; text-align: center;} .feauredSeriesBlock .borderBox{ text-align:left;background: #ffffff; display:inline-block; float:none; margin: 0px 2.3%; width:45%; padding:20px; vertical-align: bottom; min-height:150px;} .feauredSeriesBlock .borderBox h3, .feauredSeriesBlock .borderBox h3 a{font-size:24px; line-height:30px; letter-spacing:0px;color:#3f0d12;} /*** common style ****/ div,p,span{ word-wrap:break-word;word-break: break-word;} p{margin-bottom:25px;} .titlePlayfairBold{font-family: 'playfair_displaybold';} .titleKarlaBold{font-family: 'karlabold';} .karlaBoldItalic{font-family: 'karlabolditalic';} .marTop10{margin-top:10px;} .marTop20{margin-top:20px;} .marTop30{margin-top:30px;} .marBot10{margin-bottom:10px;} .marBot20{margin-bottom:20px;} .marBot30{margin-bottom:30px;} .redBg{ background: #872425;} .redBg:hover, a.redBg:hover, .redBg a:hover{ background: #5534a6;} .bgColor{ background:#fffdf8;} .btn,.btn:hover, .bootstrap-select > .dropdown-toggle{ width:150px; height:30px; padding:3px 6px; border:1px solid #d8d2cc; background:transparent; border-radius:0px; box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none;font-family: 'karlabold'; font-size:13px; text-align:center; line-height: 24px; letter-spacing:1px;color:#857e7b;} .btn:active, .btn.active, .btn-group.open .dropdown-toggle{color: #3f0d12; background:#d8d2cc; box-shadow:none;-webkit-box-shadow:none; -moz-box-shadow:none;} .bootstrap-select > .dropdown-toggle,.bootstrap-select > .dropdown-toggle:hover{width:75px;} .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn){width:auto;} .blankSpace500{ height:500px; width:100%;} .blankSpace1000{ height:1000px; width:100%;} .blankSpace1500{ height:1500px; width:100%;} .pagination{text-align:center; width:100%; margin-bottom:50px;} .pagination a{ color: #5534A6;border-bottom: 1px solid #5534a6; font-size:15px;font-family: 'karlabold';} .pagination a:hover{ text-decoration:none;} .previousBtn {float:left;} .nextBtn{float:right;} .pagging{display:inline-block; vertical-align:middle;} .pagging a{padding:5px; margin:0px 5px; color: #857e7b; border:none;} .pagging a.active{ color:#3f0d12; } .pagging a:hover{ text-decoration:none; color:#3f0d12;} .relative input[type="submit"]{position: absolute; right: 0px; top: 0px; width: auto; height: 32px;} /* footer sign up style for logged in user */ .am-profile-edit-page .signUp .relative input[type="submit"], .user-logged-in .signUp .relative input[type="submit"]{ position: relative; width: 100%; } .am-profile-edit-page .signUp input.form-control, .user-logged-in .signUp input.form-control{ padding-right:6px;} /* become a member block */ .signUpNewsLetterWrapper.becomeAMemberWrapper:after,.signUpNewsLetterWrapper.becomeAMemberWrapper:before{display:none;} .becomeAMemberWrapper .signUpNewsLetterInner {background: #3f0d12 url(../images/innerBgRedLight.png) no-repeat 0% 0px; background-size: auto 200%; text-align:left; padding:50px 30px 25px;} .col-md-8 .becomeAMemberWrapper .signUpNewsLetterInner {background: #3f0d12 url(../images/innerBgRedLight.png) no-repeat -100% 0px; background-size: auto 200%; text-align:left; padding:50px 30px 25px;} .becomeMemberContent{ display:table-cell; padding-right:50px; vertical-align:top; width:65%;} .becomeMemberContent .signUpSubTitle{ line-height:23px;} .becomeMemberLinks{display:table-cell; padding-left:20px; vertical-align:middle; text-align:right;} .becomeMemberLinks .cornerButtenWrapper{ margin-bottom:35px;} .becomeAMemberWrapper .signUpNewsLetterInner{ padding: 50px 105px 50px 105px;} .becomeAMemberWrapper .becomeMemberContent { display: block; padding-right: 0; vertical-align: top; width: 100%;} .becomeAMemberWrapper .becomeMemberContent h2, .becomeAMemberWrapper .becomeMemberContent .signUpTitle{color:#f4eee8; line-height:32px; font-size:32px; text-align:center; letter-spacing:-0.2px;} .becomeAMemberWrapper .becomeMemberContent .signUpSubTitle {text-align: center; font-size: 17px;font-family: 'karlaregular';color:#f4eee8; line-height:23px; } .becomeAMemberWrapper .becomeMemberLinks { display: block; padding-left: 0; vertical-align: top; text-align: center; margin-top: 40px; } .becomeAMemberWrapper .becomeMemberLinks .followUS{ display:inline-block; margin-right: 30px; text-transform:uppercase; font-size:13px; letter-spacing:1px;font-family: 'karlabold';color:#f4eee8; } .becomeAMemberWrapper .becomeMemberLinks .followUS span{display:inline-block; vertical-align:middle;} .becomeAMemberWrapper .becomeMemberLinks .followUS ul{display:inline-block; padding-left:0; vertical-align:middle; margin: 0px 0px 0px 10px; height:35px;} .becomeAMemberWrapper .becomeMemberLinks .followUS ul li{display: inline-block;text-decoration: none; height:35px; width:35px; margin-right:5px;} .becomeAMemberWrapper .becomeMemberLinks .cornerButtenWrapper{ margin-bottom:0; } .becomeAMemberWrapper .becomeMemberLinks .followUS ul li a img{ margin-top: -100%; } .becomeAMemberWrapper .becomeMemberLinks .followUS ul li a.facebook, .becomeAMemberWrapper .becomeMemberLinks .followUS ul li a.twitter{ width: 35px; height: 35px; border-radius: 50%; border:1px solid #fff; display: inline-block; overflow:hidden;} .becomeAMemberWrapper .becomeMemberLinks .followUS ul li a:hover{ background:#5534a6; border: 1px solid #5534a6;} /* recent author article */ .recent-author-artice-list ul { list-style-type: none; padding-left: 0; margin-bottom: 20px; } .recent-author-artice-list ul li { padding-top: 20px; } .recent-author-artice-list ul li span.views-field-created{ font-size:13px; margin-left: 20px;} .view-profile-details-page h2{ margin:20px 0px;} article .addtoany_list{ margin:50px 0px; display:block;} /* login model popup style */ #loginModel .modal-dialog{ margin-top:150px; width:645px;} .modal-content{padding: 35px 45px; border-radius: 0px; border:1px solid #d8d2cc; min-height:410px;} .modal-header {padding:0px 0px; border:none;} .modal-header .close{ background:url(../images/menuOpen.png) no-repeat left top;width:20px; height: 20px; background-size: 100%; position: absolute; right: 10px; top: 10px;} .modal-body{ padding:10px 0px;} .whyContent{ min-height:55px; margin-bottom:10px;} .whyQue{ font-weight:bold;} .whyQue.collapsed{ font-weight:normal;} #whyAnswer.collapse.in{ display: inline;} .modal-dialog a{ text-decoration:underline; font-size: 13px;} .usePassword a{ padding:10px 0px;font-family: 'karlabold'; color:#3f0d12; display:block;} .loginMsg{ display:none;} .modal-dialog .relative input.form-control{padding-right: 160px; height:40px;} .modal-dialog .relative input[type="submit"]{ height:40px; letter-spacing:0px;padding: 10px;} .loginPasswordBlock { display:none; position:relative;} .loginPasswordBlock input, .loginPasswordBlock input:hover{ height:40px; margin-bottom:10px; margin-right:10px;} .loginPasswordBlock input[type="submit"]{ margin-bottom:0px;} .loginPasswordBlock input.form-control{width:74%; display:inline-block;} .loginPasswordBlock .loginMsg{ position: absolute; bottom: 0px; left: 160px; padding:5px; background:#ffffff;} .loginLink, .forgotPasswordLink, .loginLink a, .forgotPasswordLink a{ display:inline-block; vertical-align:middle; margin-right:10px;font-family: 'karlabold'; color:#3f0d12;} .resetPassword{ display:none; padding-top:20px;} .path-registration .region-main-content-left .whyContent a, .path-registration .AMloginBlock .whyContent a, .path-registration .AMloginPasswordBlock .whyContent a{ text-decoration: underline; font-size: 13px; color:#3f0d12;} .path-registration .region-main-content-left .div-border .usePassword a { font-size: 12px; text-decoration: underline; color:#3f0d12;} .path-registration .region-main-content-left h2.page-header, .path-registration .region-main-content-left h1.page-header, .am-password-reset h2 { padding: 0; font-size: 32px; line-height: 39px; margin: 0; } .am-password-reset .region-main-content-left, .path-registration .region-main-content-left, .path-registration .AMloginBlock,.path-registration .AMloginPasswordBlock { margin: 0 auto; width: 645px; padding: 35px 45px; border-radius: 0px; border: 1px solid #d8d2cc; min-height: 250px; margin-bottom: 50px; margin-top: 45px; } .path-registration .region-main-content-left .div-border .registration-info-wrapper .form-group { margin-bottom: 0; } .path-registration .registration-info-wrapper #edit-actions { position: absolute; right: 1px; bottom: 0; } .path-registration .AMloginBlock, .path-registration .AMloginPasswordBlock { margin-top: 45px; } .path-registration .footer { height: 228px; } .am-profile-edit-page .col-md-12 { width: 60%; } .path-registration .registration-info-wrapper #edit-actions input { height: 40px; letter-spacing: 0px; padding: 10px; margin: 0; } .path-registration .region-main-content-left #edit-candidate-mail{height:40px; padding-right:160px;} /* ads banner style */ #js-dfp-tag-homepage_728_90, #js-dfp-tag-homepage_970_90, #js-dfp-tag-article_728_90, #js-dfp-tag-article_970_90, #js-dfp-tag-channel_front_970_90, #js-dfp-tag-channel_front_728_90, #js-dfp-tag-listing_728_90, #js-dfp-tag-listing_970_90{text-align:center;padding:25px 0px 0px;} .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_970_90{padding: 25px 0px 25px; border-bottom: 1px solid #d8d2cc; max-width: 1150px; margin: 0px auto;} .path-frontpage #js-dfp-tag-homepage_728_90, .path-frontpage #js-dfp-tag-homepage_970_90, .path-frontpage #js-dfp-tag-article_728_90, .path-frontpage #js-dfp-tag-article_970_90, .path-frontpage #js-dfp-tag-channel_front_970_90, .path-frontpage #js-dfp-tag-channel_front_728_90, .path-frontpage #js-dfp-tag-listing_728_90, .path-frontpage #js-dfp-tag-listing_970_90{text-align:center;padding:3px 0px 2px;} .col-md-4 #js-dfp-tag-300_250, .col-md-4 #js-dfp-tag-homepage_300_600, .col-md-4 #js-dfp-tag-article_300_250, .col-md-4 #js-dfp-tag-article_300_600, .col-md-4 #js-dfp-tag-listing_300_250, .col-md-4 #js-dfp-tag-listing_300_600, .col-md-4 #js-dfp-tag-channel_front_300_250, .col-md-4 #js-dfp-tag-channel_front_300_600{padding:42px 0px 43px; text-align:center;} .col-md-4.container-right #js-dfp-tag-300_250, .col-md-4.container-right #js-dfp-tag-homepage_300_600, .col-md-4.container-right #js-dfp-tag-article_300_250, .col-md-4.container-right #js-dfp-tag-article_300_600, .col-md-4.container-right #js-dfp-tag-listing_300_250, .col-md-4.container-right #js-dfp-tag-listing_300_600, .col-md-4.container-right #js-dfp-tag-channel_front_300_250, .col-md-4.container-right #js-dfp-tag-channel_front_300_600{ padding-top:0px; text-align:center;} .fullpage.bgColor .col-md-4 #js-dfp-tag-homepage_300_600{ padding:25px 0px;} .alert-success .close{top:-10px;} .alert-success a, .alert-success a:focus, .alert-success a:hover{opacity: .7; color:#ffffff;} @media screen and (min-width:992px) and (max-width:1300px){ .headerTop .topNavigation{padding-left:0px; width:60%;} .headerTop .cta{width:40%;} .thumbImages .leftThumb, .thumbImages .rightThumb{width: 112px;height:230px;} .thumbImages .thumbDivider{height:250px;} .pointCpointContent{ clear:both;} .section2Block{padding: 0px 44px;} .page-node-type-podcast .pageContent > .row > .container-left, .page-node-type-article .pageContent > .row > .container-left, .page-node-type-video .pageContent > .row > .container-left, .page-node-type-book-review .pageContent > .row > .container-left, .page-node-type-the-word .pageContent > .row > .container-left{paing-right:50px;} .page-node-type-podcast .pageContent > .row > .container-right, .page-node-type-article .pageContent > .row > .container-right, .page-node-type-book-review .pageContent > .row > .container-right, .page-node-type-the-word .pageContent > .row > .container-right, .page-node-type-video .pageContent > .row > .container-right{padding-left:0px;} .author .container-left .authorTitle{ width: 85%;} .contentBoxSmall.featuredCommentBox { margin-left: 20px; margin-right: 50px; max-width: 50%; } .bookDetail{width:60%;} .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_728_90{max-width: 920px;} .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_970_90{max-width: 970px;} } @media screen and (min-width:1025px) and (max-width:1300px){ .headerNav .logo{margin-top: 32px;} .mobileNavigation{padding-right:0px;} .navbar-collapse.collapse{padding-right:0px; padding-left:20px;} .headerNav .nav li{margin: 0px 8px;} .headerNav .nav li a{ letter-spacing:0px;} .headerNav .searchNewsletter ul li{margin-left:25px;} .heroImageWrapper .container-right{top:35px;} .homeListing{padding: 15px 0px 15px;} .socialShare{ padding-left: 8%;} .section2Block .borderBox{width:27%;} .ourVoicesBlock .authorTitle { width: 52%;} .currentIssueContent{ width: 56%;} .col-md-12 .ourVoicesBlockWrapper .ourVoicesBlock .authorTitle{width:100%; padding:0px 10px;} .audioGalleryBlock .audioBlock .playTime { float: right; margin-right: 8%; } } @media screen and (min-width:992px) and (max-width:1024px){ .mobileNavigation{padding:0px 15px;} .headerNav .logo{margin-top: 17px;} .scrollableArea{min-width:650px;} .navbar-collapse.collapse{ padding: 0px;} .headerNav ul{ margin-top: 45px;} .headerNav .nav li {margin: 0px 6px; } .headerNav .nav li a{ letter-spacing:0px;} .socialShare ul li{width:28px; height:auto;} .heroImageWrapper, .largeHeader{ height: 425px;} .heroImageWrapper .container-right{top:35px;width: 300px;} .homeListing{padding: 15px 0px 15px;} .section2Block .borderBox{width:27%;} .currentIssueWrapper h1{width:35%;} .currentIssueImage{width:25%; height:auto;} .currentIssueContent{width:60%;} .ourVoicesBlock .authorTitle { width: 52%;} .col-md-12 .ourVoicesBlockWrapper .ourVoicesBlock .authorTitle{width:100%;} .pointCpointWrapper .thumbImages{ margin-bottom:25px;} .homeVdoListItem{padding:16px 0px;} .video-widget-big .video-widget-big-img{height:350px; overflow:hidden;} .socialShare{padding-left: 75px;} .signUpNewsLetterInner .newsLetterBox .submitBtn, .signUpNewsLetter .newsLetterBox .form-actions{width:19%;} .audioGalleryBlock .audioBlock progress.seekBar{width:84%;} .signUpNewsLetter .field--type-email{width:76%;} .becomeAMemberWrapper .signUpNewsLetterInner {background: #3f0d12 url(../images/innerBgRedLight.png) no-repeat -35% 0px; background-size: auto 200%;} } @media screen and (max-width:991px){ /*.fixHeader .logoBoxSticky{margin-left:25px;} .headerTop .topNavigation, .logoBox{padding-left:20px;} .headerTop .cta{padding-right:20px;} .mobileNavigation{padding:0px 10px;} .headerTop .cta ul li a{padding:8px;} .headerTop ul li{ padding: 0px 15px; font-size:13px;} .headerNav ul { margin-top: 31px;} .headerNav ul a{font-size:12px;} .headerNav .nav li{ margin: 0px 5px;} .mobileNavigation{padding:0px 20px;} .headerNav .searchNewsletter{padding-right:20px;} .searchbox, .newsLetterBox{margin:15px 0px;} .arrowUp{top:-32px;} .searchBoxWrapper .arrowUp{right:85px;} .newsLetterWrapper .arrowUp{right:25px;} .socialShare{padding-left:35px;}*/ /* common style for mobile */ .container { width:100%; padding:0px 20px; position:relative; z-index:1;} .row{ margin-left:-20px; margin-right:-20px;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:20px;padding-right:20px; min-height:0px;} /* common style for mobile end*/ h1, .sectionTitle{font-size:32px; line-height:40px;} h2{font-size:30px; line-height:36px;} h3{font-size:24px; line-height:30px;} h4{font-size:21px; line-height:26px;} .headerTop .topNavigation{padding-left:20px; width:62%;} .topNavigation:after{width:40px;} .headerTop .cta{width:38%;} .headerTop .table-responsive{margin:0px;} .headerTop ul{ display:table;} .headerTop ul li{ display:table-cell; white-space: nowrap; vertical-align:top;} .scrollableArea{min-width:613px;} .headerNav .nav li a, .headerNav .nav li a:hover, .headerNav.fixHeader .nav li a{padding:10px 0px; border:none; font-size:16px;} .headerNav .nav li a:hover:after, .headerNav .nav li a:after{ border-bottom:none; } .headerNav .logoBox, .headerNav.fixHeader .logoBox{ padding:15px 15px 15px 20px; max-height: 70px; width: 83%; text-align:center;} .headerNav .logo{margin-top: 0px; width:130px; max-width:170px; margin-left:40px;} .fixHeader .logoBox img{opacity:1;} .fixHeader .logoBoxSticky{width:0px; margin:0px;} .mobileNavigation{ position: absolute; width: 100%; top: 69px;background: #ffffff; z-index:9; padding:0px;} .navbar-toggle .icon-bar{ background:#3d1415;width:30px; height:4px; border-radius:0px;margin: 0px auto;} .navbar-toggle .icon-bar + .icon-bar{margin-top:3px;} .logoBox .menu{font-family: 'karlabold'; font-size:10px; line-height:12px; letter-spacing:0.73px;color:#3d1415; text-transform:uppercase; width:33px; height:10px; margin-top:4px;} button.navbar-toggle{width:22px; height:22px; background:url(../images/menuOpen.png) center center no-repeat; background-size:100%; display:block; margin-top: 5px;} button.collapsed.navbar-toggle{ background:none;} button.navbar-toggle span.icon-bar, button.navbar-toggle span{ display:none;} button.collapsed.navbar-toggle span{ display:block;} .headerNav .nav li{margin:0px; float:none;} .nav > li.mobileNavItem {display:block;} .nav > li.mobileNavItem a{font-family: 'karlaregular'; font-size:17px;} .nav > li.mobileNavItem img{ margin-right:7px;} .nav > li.mobileNavItem.login a{font-family: 'karlaregular'; text-transform:capitalize; font-size:17px;background: url(../images/avatarMobile.png) no-repeat center left; padding-left: 25px;letter-spacing: 0px;} .nav > li.mobileNavItem.becomeAMember a, .nav > li.mobileNavItem.cornerButten a{ background:#872425; padding:12px 20px;display: inline-block; color: #ffffff; text-transform: none; overflow: visible; min-width: 180px; text-align: center; margin-top:20px; margin-bottom: 10px;font-family: 'karlabold'; letter-spacing: 0px;} .nav > li.mobileNavItem .cornerButtenWrapper{margin: 10px 0px 10px -4px;} .nav > li.mobileNavItem .cornerButtenWrapper a, .headerNav.fixHeader .nav > li.mobileNavItem .cornerButtenWrapper a{ color: #f3ede7; padding:10px 0px; clear:right;} .mobileNavItem .cornerButtenWrapper::after, .mobileNavItem .cornerButtenWrapper::before{position:absolute; width:18px; height:19px; z-index:1; display:block; content:" ";} .mobileNavItem .cornerButtenWrapper::before{left:0px; bottom:0px; background:url(../images/cornerLeftBottomRedLineWhiteBg.png) no-repeat bottom left;} .mobileNavItem .cornerButtenWrapper::after{ right:0px; top:0px; background:url(../images/cornerTopRightRedLineWhiteBg.png) no-repeat top right;} .mobileNavItem .cornerButtenWrapper:hover::before{left:0px; bottom:0px; background:url(../images/cornerLeftBottomBlueLineWhiteBg.png) no-repeat bottom left;} .mobileNavItem .cornerButtenWrapper:hover::after{ right:0px; top:0px; background:url(../images/cornerTopRightBlueLineWhiteBg.png) no-repeat top right;} .mobileNavItem .cornerButtenWrapper:hover .buttenWrapperInner{ border: 1px solid #5534a6;} .cornerButtenWrapper{width:190px; margin:0px 0px 20px;} li.mobileNavItem.becomeAMember a:after, li.mobileNavItem.becomeAMember a:before, li.mobileNavItem.cornerButten a:after, li.mobileNavItem.cornerButten a:before{position:absolute; width:18px; height:19px; z-index:1; display:block; content:" ";} li.mobileNavItem.becomeAMember a:before, li.mobileNavItem.cornerButten a:before{left:-4px; bottom:-4px; background:url(../images/cornerLeftBottomRedLineWhiteBg.png) no-repeat bottom left;} li.mobileNavItem.becomeAMember a:after, li.mobileNavItem.cornerButten a:after{ right:-4px; top:-4px; background:url(../images/cornerTopRightRedLineWhiteBg.png) no-repeat top right;} li.mobileNavItem.becomeAMember a:hover:before, li.mobileNavItem.cornerButten a:hover:before{background:url(../images/cornerLeftBottomBlueLineWhiteBg.png) no-repeat bottom left;} li.mobileNavItem.becomeAMember a:hover:after, li.mobileNavItem.cornerButten a:hover:after{background:url(../images/cornerTopRightBlueLineWhiteBg.png) no-repeat top right;} li.mobileNavItem.becomeAMember a:hover, li.mobileNavItem.cornerButten a:hover{ background:#5534a6;} /* mobile navigation for */ .mobileNavItem.anonymous{} .logoBar{min-height:65px;} .navbar-toggle{float:left;padding:0px; margin: 0px;} .mobileNavigation ul.nav{margin:0px; width:100%;} .navbar-collapse{padding: 20px 20px 20px; border-bottom: 1px solid #d8d2cc;} .nav li{margin:0px;} .headerNav .searchNewsletter{ padding-right:0px;} .headerNav .searchNewsletter ul{ margin:0px; display:table;width: 100%; text-align: center;} .headerNav .searchNewsletter ul li{ margin:0px auto; padding: 0px 6px;height: 66px;border-left: 1px solid #d8d2cc; display:table-cell; vertical-align: middle;} .headerNav a.newsLetterLink{text-indent: 999px; overflow: hidden; width: 20px; height: 16px; padding: 0px; display:inline-block;} .searchNewsletter li a.searchLink, .headerNav a:hover.searchLink{background: url(../images/iconSearch.png) top left no-repeat;} .headerNav a.newsLetterLink, .headerNav a:hover.newsLetterLink {background: url(../images/iconNewletter.png) left 1px no-repeat;} .searchBoxWrapper.collapse, .searchBoxWrapper.collapsing, .newsLetterWrapper.collapse, .newsLetterWrapper.collapsing{height:auto;} .searchbox input.form-control, .newsLetterBox input.form-control{ text-align:left; font-size:20px; padding-top: 6px; padding-bottom: 6px;padding-left: 0px; height: auto;} .searchbox input.btn, .newsLetterBox input.btn, .searchbox .input-group-btn, .newsLetterBox .input-group-btn{ padding:6px 15px 6px; height:auto; width:auto; font-size:15px;} .searchbox, .newsLetterBox{margin: 12px 0px;} .arrowUp{top:-27px;} .searchBoxWrapper .arrowUp{right:23%; display:none;} .newsLetterWrapper .arrowUp{right:6.7%; display:none;} .searchBoxWrapper .col-md-12, .newsLetterWrapper .col-md-12{padding:0px 20px;} .footer{ padding-left:65px; padding-right:65px;} .signUp{ padding: 0px 25px;} .socialShare{padding-left:20px; margin-top:30px;} .footerLogo, .region-footerone .field--name-field-image{margin-bottom:20px;} /* home page style */ .heroImageWrapper, .largeHeader{ position:relative; height:auto;padding:0px; margin-bottom: 25px;} .heroImageWrapper .largeHeaderImage, .largeHeader .largeHeaderImage{width:100%; height:450px; position:relative;} .heroImageWrapper .largeHeaderOverlay, .largeHeader .largeHeaderOverlay{display:none;} .heroImageWrapper .row, .largeHeader .row{ border: 1px solid #D8D2CC; margin: 0px 0px; background: #ffffff; padding:0px; position:relative;} .heroImageWrapper .row{ margin: -70px 0px 0px; padding:0px 15px;} .heroImageWrapper .row:before{ content: ""; display: block; position: absolute; width: 100%; height: 4px; left: -1px; top: -1px; background: #41010e; width: calc(100% + 2px);} .heroImageWrapper .container-left, .largeHeader .container-left{width: 100%; position: relative; bottom: auto;padding: 25px 0px 25px;} .heroImageWrapper .container-left{ border-bottom: 1px solid #d8d2cc;} .heroImageWrapper h1, .heroImageWrapper h1 a, .largeHeader h1, .largeHeader h1 a, .largeHeader .pageTitle{color: #3f0d12;} .heroImageWrapper .container-left .byAuthor, .heroImageWrapper .container-left .byAuthor a, .largeHeader .container-left .byAuthor, .largeHeader .container-left .byAuthor a{color:#872425;font-size:15px;} .heroImageWrapper .container-right{ position: relative; right: auto; top:auto; width: 100%;} .heroImageWrapper .borderBox{padding:0px; border:none;} .heroImageWrapper .borderBox:before{ display:none;} .borderBox .heroImageListing .titlePlayfairBold{margin-bottom:10px;} .heroImageListing{width:48%; margin-right:2%; float:left; height: 150px; overflow: hidden;} .heroImageListing:nth-child(2n){width:48%; margin-right:0px; margin-left:2%;} .heroImageListing:nth-last-child(2), .heroImageListing:last-child{ border-bottom:none;} .section1{padding:50px 0px; margin-left: -25px; display:block;} .section1 .container-left, .section1 .container-right{padding:0px 20px; display:block;} .section1 .container-left{ margin-bottom: 50px;} .latestAmerica, .ourVoicesBlockWrapper{padding: 0px 15px; margin:25px 0px;} .latestAmerica a.seeAll, .ourVoicesBlockWrapper a.seeAll{right:15px;} .ourVoicesBlockWrapper .theVoiceListItem{display:table-cell; width:33.3%; text-align:center; border-bottom: 1px solid #d8d2cc;} .ourVoicesBlock{ padding: 20px 4px 20px 4px; display:table-cell; text-align:center;} .ourVoicesBlock .authorThumb{width:100px; height:100px; margin:0px 0px 10px;} .ourVoicesBlock .authorTitle{width: 100%;} .col-md-4 .ourVoicesBlockWrapper .ourVoicesBlock{ border-bottom:none;} .latestListingHome .title{ line-height:22px;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem{ border-bottom:none;} .section2{padding-top: 30px; padding-bottom:25px;margin-bottom: 0px;} .section2Inner{ padding:0px 0px; text-align:center; border-top: 1px solid #3f0d12;} .section2 .whiteBorderBox { position: relative; z-index: 0; left: auto; top: auto; margin: 0px 20px; text-align: center; color: #3f0d12; border: 1px solid #3f0d12; margin-bottom: 5px;top: -21px; background: #ffffff; display: inline-block;} .section2 .whiteBorderBox a{ color: #3f0d12;} .section2 .section2Image{height:auto; min-height: 450px;} .section2 .section2Image img{max-height:100%;width:100%; max-height: none;} .topOverlay{display:none;} .section2 .section2ContentWrapper{ position:relative; margin-left:15px; margin-right:15px; margin-top:-70px;border: 1px solid #D8D2CC; padding: 30px 15px 0px; background:#ffffff;} .section2 .section2ContentWrapper .section2TopContent, .section2 .section2ContentWrapper .section2Block{ position:relative; padding: 0px; top: auto; bottom: auto; text-align:left;} .section2 .section2ContentWrapper .section2TopContent{ margin-bottom:25px;} .section2 .section2TopContent .sectionTitle, .section2 .section2TopContent .sectionTitle a{color:#3f0d12; margin-top:0px;} .section2TopContent .sectionTitle { margin-bottom: 10px; } .section2 .section2TopContent .byAuthor, .section2 .section2TopContent .byAuthor a{color: #872425;} .section2 .section2Block .borderBox{border:none; padding:25px 0px; margin:0px;border-top: 1px solid #D8D2CC; display:block;min-height: auto;width:100%;} .section2 .section2Block .borderBox:before{display:none;} .section2 .section2ContentWrapper:before{ content: ""; display: block; position: absolute; width: 100%; height: 4px; left: -1px; top: -1px; background: #41010e; width: calc(100% + 2px);} .currentIssueWrapper{ margin:25px 0px; } .currentIssueWrapper h1{width:auto;} .currentIssueImage{margin-left:15px; margin-right:0px;margin-top: 60px; vertical-align: top;width: 245px;height: auto;} .currentIssueContent{margin-right:0px; margin-left:0px; width:63%;padding-top: 40px;} .currentIssueListing{padding: 8px 0px; line-height: 28px; font-size: 17px;} .reactionsNonDetailsWrapper{margin: 45px 0px 25px;padding: 0px 10px; border-bottom:none;} .reactionsNonDetailsWrapper .container{padding:0px;} .reactionsNonDetailsWrapper .reactionsWrapperInner{ padding:0px 20px; border-bottom: none;} .reactionsNonDetailsWrapper .listingRow .homeListing{width:100%; display:block;} .reactionsNonDetailsWrapper .listingRow .blankListingSpace{display:none;} .listingRow:last-child .homeListing{border-bottom: 1px solid #d8d2cc;} .pointCpointWrapper{padding:60px 30px 80px; margin: 25px -20px 25px;} .pointCpointHeading h2{font-size:29px;} .pointCpointHeading, .pointCpointContent{padding-left:0px;} .pointCpointContent{ clear:left;} .thumbImages .leftThumb, .thumbImages .rightThumb{width:140px; height:270px;} .thumbImages .thumbDivider{height:290px;} .pointCpointWrapper .adBanner{ display:none;} .focusWrapper{padding: 45px 10px 25px;} .focusWrapper h2{ font-size:24px; line-height:30px; letter-spacing:0px;} .focusWrapper .homeListing{border-bottom: 1px solid #d8d2cc;margin: 0px;} .reactionsBriefContent{float:none; padding:0px; margin-bottom:50px;} .listingWithBrief .homeListing{display:block; padding:25px 0px;margin: 0px 20px;} .listingWithBrief .homeListing:first-child, .listingWithBrief .homeListing:last-child{ padding:25px 0px;} .listingWithBrief .homeListing:first-child{ padding-top:15px;} .reactionsWithBriefWrapper .adBanner{display:none;} .videoGalleryBlock .borderBox{ position:relative;} .largeVdo h3{width:85%;} .blockHeadingSubText{ float:none; display:block;} .videoGalleryBlock .largeVdo{ border:none; padding-right:0px;} .videoGalleryBlock .vdoList{padding-right:0px; padding-left:0px; position: static;} .homeVdoListItem{padding: 7px 20px 7px 0px;width: 50%;} .vdoList .seeAll{top:25px;} .video-widget-big .video-widget-big-img{ height:363px;} .video-widget-big .video-widget-big-img img{ max-width:100%; height:100%; min-height:auto;} .scriptureBlock, .featuredBlock, .col-md-4 .featuredCommentBox, .col-md-8 .featuredCommentBox{margin:25px 0px; padding-left:10px; padding-right:10px;} .col-md-4 .featuredCommentBox{margin:25px 0px; padding-left:0px; padding-right:0px;} .scriptureBlock, .featuredBlock{ padding:0px 0px;} .scriptureBlock .borderBox{ padding:30px 20px;} .scriptureList{ width:100%;} .scriptureList:first-child, .scriptureList:last-child{ margin:0px; padding-bottom:40px;} .scriptureList:last-child{padding-bottom:0px;} .pageContent .container-left{padding-left:20px;} .latestFromAmericaHeading{padding: 0px 20px;} .page-header .col-md-offset-1.container-left{padding: 0px 20px;} .author .container-left{ padding: 10px 20px;} .author .container-right{padding: 17px 20px 17px 0px;} .author .row{margin:0px;} .pageContent .container-right{display:none;} .latestImage{padding-left:20px;} .latestImage img{ min-width:100%;} .latestListing .latestListingContent { padding-left: 20px; padding-top: 10px; margin-bottom: 0px;} .homePageContent .adBanner{padding:0px 15px;} .signUpNewsLetterHomeWrapper .signUpSubTitle, .signUpNewsLetter .form-item-message.form-group{ font-size:17px;} .signUpNewsLetterHomeWrapper .signUpNewsLetterInner{padding: 80px 50px 80px; background: #872524 url(../images/innerBg.png) no-repeat -75% -13%;background-size: auto 180%;} .signUpNewsLetterHomeWrapper .signUpSubTitle, .signUpNewsLetter .form-item-message.form-group{width: 71%; display: inline-block; vertical-align: middle; float:none;} .signUpNewsLetterInner .newsLetterBox input.form-control{height:40px;} .signUpNewsLetter .field--type-email{width:76%;} .signUpNewsLetterInner .newsLetterBox .submitBtn, .signUpNewsLetter .newsLetterBox .form-actions{height:40px; width:19%;} .signUpNewsLetterInner .newsLetterBox .submitBtn input.btn, .signUpNewsLetter .newsLetterBox .form-actions input.btn{padding:8px 15px;} .becomeAMemberWrapper .signUpNewsLetterInner {background: #3f0d12 url(../images/innerBgRedLight.png) no-repeat -100% 0px; background-size: auto 200%;} .l1Page .innerPageHeading > div{ display:block; float:left; padding-left:0px; width:50%;} .l1Page .innerPageHeading > div:first-child{margin-bottom:20px; width:100%;} .l1Page .innerPageHeading > .topHedingLinks:last-child{ padding-right:10px; } .l1Page .topHedingLinks a{display:block; color:#3f0d12;} .innerPagefocusSection .container{ padding:0px;} .l1Page .innerPagefocusSection .latestListing{ margin:0px 20px;} .l1Page .innerPagefocusSection .latestImage, .l1Page .innerPagefocusSection .latestListingContent{ padding:10px 0px;} .mainArticle{ padding:0px;} .mainArticleTitle{display:none;} .articleList{ padding:0px 20px;} .articleListing:first-child{ display:block;} .mainArticleImage img{width:100%;} .author .authorTitle{ width: 80%;} .theVoiceSection .theVoiceListItem:last-child{ display:none;} .theVoiceSection .theVoiceListItem::nth-last-child(2){padding-right:0px;} .articleBlock .homeListing{ padding:0px;} .l1Page .bottomNewsletter{ padding-bottom:0px;} .bottomNewsletter .featuredCommentBox{ margin-bottom:40px;} .searchResult .containerRight{ text-align:center; } .focusWrapperContent .briefContent{display:none;} .sectionOuterWrapper{padding-top: 25px; padding-bottom:25px;margin-bottom: 0px;} .sectionOuterWrapper .row{ margin:0px -20px;} .row.sectionOuterWrapper{ margin-bottom:20px;} .feauredSeries{ padding:0px 0px;border-top: 1px solid #3f0d12;} .feauredSeriesBlock .borderBox{ min-height:200px;} .feauredSeriesBlock{padding-top: 20px; padding-bottom:25px;margin-bottom: 0px;} .feauredSeries{ padding:0px 0px; text-align:center; border-top: 1px solid #3f0d12;} .feauredSeries .whiteBorderBox { position: relative; z-index: 0; left: auto; top: auto; margin: 0px 20px; text-align: center; color: #3f0d12; border: 1px solid #3f0d12; margin-bottom: 5px;top: -21px; background: #ffffff; display: inline-block;} .feauredSeries .whiteBorderBox a{ color: #3f0d12;} .feauredSeries .feauredSeriesImage{ height:450px;} .topOverlay{display:none;} .feauredSeries .feauredSeriesImage img{max-height:100%;} .feauredSeries .contentWrapper{ position:relative; margin-left:15px; margin-right:15px; margin-top:-70px;border: 1px solid #D8D2CC; border-top: 4px solid #41010E; padding: 30px 20px; background:#ffffff;} .feauredSeries .contentWrapper .topContent, .feauredSeries .contentWrapper .feauredSeriesBlock { position:relative; padding: 0px; top: auto; bottom: auto; text-align:left;} .feauredSeries .topContent .sectionTitle, .feauredSeries .topContent .sectionTitle a{color:#3f0d12; margin-top:0px;} .feauredSeries .topContent .learnMore{color: #872425; margin-bottom:50px;} .feauredSeries .topContent .learnMore a{color: #872425;} .feauredSeries .feauredSeriesBlock .borderBox{border:none; padding:25px 0px; margin:0px;border-top: 1px solid #D8D2CC; display:block; width: 100%; min-height: auto;} .audioGalleryBlock .audioBlock progress.seekBar{width:84%;} .audioGalleryBlock.borderBox{ margin:25px 0px;} .audioList .audio-widget-small{width:100%; margin:0px;float:none;} .audioList .audio-widget-small a.audio_widget_switch{width:35px; margin-right: 4%;} .audioList .audio-widget-small-content{width:90%;} .audioList .view-footer{float:left;} /* ads banner style */ .col-md-4 #js-dfp-tag-300_250, .col-md-4 #js-dfp-tag-homepage_300_600 .col-md-4 #js-dfp-tag-article_300_250, .col-md-4 #js-dfp-tag-article_300_600, .col-md-4 #js-dfp-tag-listing_300_250, .col-md-4 #js-dfp-tag-listing_300_600, .col-md-4 #js-dfp-tag-channel_front_300_250, .col-md-4 #js-dfp-tag-channel_front_300_600{padding:25px 0px 25px;} .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_970_90{ max-width: 100%;} } @media screen and (max-width:768px){ .section2 .section2Image{ height:450px;min-height: 450px;} .section2 .section2Image img{max-height:100%;width:100%;} } @media screen and (max-width:767px){ h1, .sectionTitle{font-size:34px; line-height:41px;} h2, .signUpNewsLetterHomeWrapper h2{font-size:30px; line-height:36px;} h3{font-size:24px; line-height:30px;} h4{font-size:21px; line-height:26px;} .headerNav .logoBox, .headerNav.fixHeader .logoBox{width:66%;} .headerTop .topNavigation{width:100%;} .footer{padding:40px 0px 10px;} .footerLogo{display:none;} .bottomTagline{max-width:none;margin-bottom:20px;} .signUp{padding:20px 20px 0px;} .signUp input.form-control{height:45px; padding-right: 105px; border-style:solid;} .signUp input[type="submit"], .signUp .relative input[type="submit"]{height:45px; padding:0px 18px; font-size:15px; margin:0px;} .socialShare {padding:20px 20px; margin:0px;} .socialShare .field--name-body .title{margin-bottom:10px;} .socialShare .field--name-body ul{padding:0px;} .socialShare .field--name-body ul li{margin-right: 4%; margin-bottom:0px;} .copyright{width:230px; margin:0px auto; line-height: 150%; font-size:13px;} /* home page style */ .heroImageListing{ height:auto;} .heroImageListing:nth-child(2n), .heroImageListing:nth-child(2n+1){width:100%; margin-right:0px; margin-left:0px;} .heroImageListing:nth-last-child(2){border-bottom: 1px solid #d8d2cc;} .heroImageListing:first-child{display:block;width:100%;} .heroImageWrapper .row{ margin-left:-5px; margin-right:-5px;padding: 0px 20px;} .heroImageWrapper .container-left .byAuthor, .heroImageWrapper .container-left .byAuthor a, .heroImageWrapper .container-right .byAuthor, .heroImageWrapper .container-right .byAuthor a, .largeHeader .container-left .byAuthor, .largeHeader .container-left .byAuthor a{font-size:17px;color: #872425;} .heroImageWrapper .container-left .byAuthor, .largeHeader .container-left .byAuthor, .borderBox .heroImageListing .titlePlayfairBold{ margin-top: 8px; } .borderBox .heroImageListing .titlePlayfairBold{font-size:21px; line-height:26px;} .contentArea{ /*padding-bottom:25px;*/ min-height:auto;} .pointCpointOuterWrapper, .reactionsWithBriefWrapper, .section7, .section8, .focusWrapper, .adWrapper{ padding:25px 0px;} .pointCpointOuterWrapper{margin-bottom:25px;} .homePageContent .row{display:block;width: auto;} .homePageContent .adBanner{padding:0px 15px;} .section1 a.seeAll, .section1 .container-left a.seeAll, .section1 .container-right a.seeAll, .latestAmerica a.seeAll, .ourVoicesBlockWrapper a.seeAll{ position:relative; right:auto; top:auto; display: inline-block; margin-top:20px; font-size:15px;} .latestAmerica{ padding: 0px 5px;} .latestAmerica .blockHeadingBorder{font-size:15px;} .latestAmerica .views-row{display:none;} .latestAmerica .views-row:first-child, .latestAmerica .views-row:nth-child(2), .latestAmerica .views-row:nth-child(3){ display:block;} .latestListingHome{ padding: 20px 0px 20px;} .latestListingHome .articleDate{display:none;} .latestListingHome .title a{ font-size:21px; line-height:22px;} .latestListingHome .byAuthor, .latestListingHome .byAuthor a{ font-size:15px; line-height:17px;} .ourVoicesBlockWrapper{ padding: 0px 5px;} .ourVoicesBlockWrapper .theVoiceListItem{ display:block; width:100%;border-bottom: none;} .ourVoicesBlock, .col-md-4 .ourVoicesBlock{ display:block; padding: 20px 0px; text-align: left;} .ourVoicesBlock .authorThumb{ margin-right: 15px;} .ourVoicesBlock .authorTitle { width: 75%;} .col-md-4 .ourVoicesBlockWrapper .ourVoicesBlock{ border-bottom: 1px solid #d8d2cc;} .section2 .section2Image{ height:auto; min-height:auto;} .section2 .section2Image img{max-height: none;width:100%;} .section2TopContent .byAuthor, .section2TopContent .byAuthor a{font-size:17px;} .section2TopContent .sectionTitle{margin-bottom:15px;} .section2Block .borderBox .titlePlayfairBold{font-size:21px; line-height:26px;} .section2 .section2Block .borderBox{width:100%;} .currentIssueWrapper{ margin:25px 0px 25px;} .currentIssueWrapper .container{padding:0px 15px;} .currentTitle{margin-bottom:20px;} .currentIssueDate{margin-top:-12px;} .currentIssueWrapper h1{ padding: 0px 20px; max-width:90%;} .currentIssueWrapper .sectionInner{text-align:center;} .currentIssueImage{ width: auto; height: auto; padding: 30px 40px; margin:0px; } .currentIssueContent{ text-align:left; margin: 0px; padding: 15px; width: 100%; } .currentIssueButtons { text-align:center; margin-bottom:10px;} .currentIssueListing { font-size: 15px; } .pointCpointWrapper{padding-bottom:50px;} .pointCpointHeading{ padding:0px;} .pointCpointWrapper .thumbImages{ text-align:center; float:none; margin-bottom:50px; padding: 0px;} .thumbImages .leftThumb, .thumbImages .rightThumb{ height:240px;width: 120px;} .thumbImages .thumbDivider{ height:270px;} .pointCpointContent{ padding:0px;} .pointCpointContentWrapper, .pointCpointWrapper .adbanner{ padding:0px 20px;} .pointCpointWrapper .adBanner, .reactionsWithBriefWrapper .adBanner{ display:block; padding-top:50px; text-align: center; } .boxHeading{margin-top:-20px;} .boxHeading > span, .boxHeading > a{ line-height: 18px;} .reactionsNonDetailsWrapper{padding:50px 0px 25px; margin-left: -20px; margin-right: -20px; width: auto; margin-bottom:0px;} .reactionsNonDetailsWrapper .view-content{ padding: 0px 20px; } .reactionsNonDetailsWrapper .view-header .boxHeading{ margin-left: 40px; margin-right: 40px;} .videoGalleryBlock.borderBox, .block-views-blockvideo-widget-block-1 .borderBox{margin:25px 0px;} .videoGalleryBlock{padding: 0px 20px;} .videoGalleryBlock .largeVdo{ padding:0px; border:none;} .largeVdo h3{font-size:24px; line-height:30px; margin-bottom: 18px; width: 100%;} .video-widget-big-title{ display:block; max-width:100%;} .largeVdo h3 .blockHeadingSubText { padding-top: 4px; } .homeVdoListing{ display:inline-block;} .videoGalleryBlock .vdoList { padding-top:20px;} .vdoList .blockHeading { margin-bottom: 15px;} .homeVdoListItem{ width: 100%; padding:10px 0px;} .homeVdoListItem:nth-child(3), .homeVdoListItem:nth-child(4) { display: none; } .vdoList .seeAll{top: auto; right: auto; position: relative; margin-top: 20px; display: inline-block;} .video-widget-big .video-widget-big-img{ height:auto;} .video-widget-big .video-widget-big-img img{width:100%; min-height:auto;} .videoGalleryBlock .video-widget-big-img span.play-video{width:56px; height:56px;margin-left: -28px; margin-top: -28px;} .scriptureBlock{ margin-bottom:50px;} .scriptureBlock .borderBox{ line-height:21px;} .scriptureList:first-child, .scriptureList:last-child{padding-left:0px; padding-right:0px;} .scriptureList .heading{ font-size:15px;} .scriptureListItem a{ line-height:21px; font-size:17px;} .featuredCommentBox .featuredComment{ line-height:25px;} .focusWrapper{margin-top:22px;margin-left: -20px; margin-right: -20px;} .focusWrapper h2{font-size: 30px; line-height: 36px; letter-spacing:0px; margin-bottom:15px;} .focusWrapperContent{padding:0px;} .focusWrapper .homeListing{ margin:0px 20px;} .focusWrapperContent .briefContent{display:block;} .focusWrapper .homeListing .briefContent{ font-size:21px; line-height:26px;} .innerPagefocusSection.focusWrapper .row.latestListing{ margin:0px;} .listingWithBrief .homeListing, .listingWithBrief .homeListing:last-child, .reactionsNonDetailsWrapper .listingRow .homeListing{ padding:29px 0px;} .listingWithBrief .homeListing:first-child, .reactionsNonDetailsWrapper .listingRow .homeListing:first-child{ padding-top:20px;padding-bottom: 28px;} .listingWithBrief .homeListing .byAuthor, .listingWithBrief .homeListing .byAuthor a{font-size:17px; letter-spacing:0px;} .listingRow .homeListing{ display:block; width:100%;} .listingRow .blankListingSpace{ display:none;} .reactionsBriefContent{padding:0px; margin-bottom:0px;} .signUpNewsLetterHomeWrapper h2{} .signUpNewsLetterWrapper .newsLetterBox{width:100%;} .signUpNewsLetterWrapper .newsLetterBox input.form-control{padding-left:10px;} .signUpNewsLetterInner{background-position-x: -131px;} .signUpNewsLetterHomeWrapper .signUpNewsLetterInner{padding:60px 25px; background: #872523 url(../images/innerBg.png) no-repeat -50% -100%; background-size:100%;} .signUpNewsLetterInner .newsLetterBox input.form-control{width:100%; float:none; margin-bottom:25px;} .signUpNewsLetterInner .newsLetterBox .submitBtn{width:100%; float:none; margin-left:0px;} .signUpNewsLetterHomeWrapper .signUpSubTitle, .signUpNewsLetter .form-item-message.form-group{width:100%; letter-spacing:0px;} .signUpNewsLetter .field--type-email, .col-md-8 .signUpNewsLetterInner .signUpNewsLetter .field--type-email{width:100%;} .signUpNewsLetterInner .newsLetterBox input.form-control{height:48px;} .signUpNewsLetterInner .newsLetterBox .submitBtn, .signUpNewsLetter .newsLetterBox .form-actions, .col-md-8 .signUpNewsLetterInner .signUpNewsLetter .newsLetterBox .form-actions{width:100%; margin:0px; height:auto;} .signUpNewsLetterInner .newsLetterBox .submitBtn input.btn, .signUpNewsLetter .newsLetterBox .form-actions input.btn{height: 48px; font-size:17px;} .col-md-8 .signUpNewsLetterHomeWrapper{margin:25px -20px;} .col-md-8 .becomeAMemberWrapper .signUpNewsLetterInner {background: #3f0d12 url(../images/innerBgRedLight.png) no-repeat -100% 0px; background-size: auto 200%; text-align:left; padding:50px 30px 25px;} /* article detail style */ .page-header{padding:25px 0px;} .page-header.largeHeader{padding:0px; height:auto;} .heroImageWrapper, .largeHeader{ position:relative; height:auto;padding:0px; margin-bottom: 25px;} .heroImageWrapper .largeHeaderImage, .largeHeaderImage{width:100%; height:auto; position:relative;} .largeHeaderImage img{min-width:100%; min-height:100%;max-width: none; max-height: 100%;} .heroImageWrapper .largeHeaderOverlay, .largeHeader .largeHeaderOverlay{display:none;} .largeHeader .container, .largeHeader .row{ height:auto; position:relative;} .largeHeader .row{ margin:20px 0px ;padding:0px;} .largeHeader .container-left{position: relative; bottom:auto; width:100%; padding:0px; border:none;} .largeHeader .breadcrumb{display:none;} .largeHeader .pageTitle, .largeHeader .pageTitle h1{color:#3f0d12;} .largeHeader .iconExpand{ display:block;} .breadcrumb{ font-size:15px; letter-spacing:1.25px;} .pageTitle{font-size:30px; line-height:normal;} .author .row{margin:0px; display:block; width:auto;} .author .container-left{border-top: 1px solid #CCC;border-bottom: 1px solid #CCC; padding:12px 0px;} .author .container-left, .author .container-right{width:100%; display:block; height:auto;padding-right: 0;} .author .container-right{ text-align:center; border:none;} .author .authorTitle{ width: 70%;} .author .container-left .authorTitle > a{ display:block;} span.author-pipe-bar { display: none; } .soucialLinks{ margin: 0px 5px; width: 40px; height: 40px;} .soucialLinks .facebook{ background:url(../images/iconFacbookPurple.png) center 0px no-repeat;background-size:100% auto;} .soucialLinks:hover .facebook, .soucialLinks:hover .facebook:hover{ background:url(../images/iconFacbookPurple.png) center 100% no-repeat;background-size:100% auto;} .soucialLinks .twitter{ background:url(../images/iconTwitterPurple.png) center 0px no-repeat;background-size: 100% auto;} .soucialLinks:hover .twitter, .soucialLinks:hover .twitter:hover{ background:url(../images/iconTwitterPurple.png) center 100% no-repeat;background-size:100% auto;} .soucialLinks .pocket{background:url(../images/iconPocketPurple.png) center 0px no-repeat;background-size:100% auto; display: block;} .soucialLinks .Enabled.pocket, .soucialLinks:hover .pocket, .soucialLinks:hover .pocket:hover{ background:#5534A6 url(../images/iconPocketPurple.png) center 100% no-repeat; background-size:100% auto;} .soucialLinks .mail{ background:url(../images/iconMailPurple.png) center 0px no-repeat; background-size: 100% auto;} .soucialLinks:hover .mail, .soucialLinks:hover .mail:hover{ background:url(../images/iconMailPurple.png) center 100% no-repeat;background-size:100% auto;} .soucialLinks .print{background:url(../images/iconPrintPurple.png) center 0px no-repeat;background-size:100% auto;} .soucialLinks:hover .print, .soucialLinks:hover .print:hover{ background:url(../images/iconPrintPurple.png) center 100% no-repeat;background-size:100% auto;} .page-header{ padding:50px 0px 25px;} .pageContent .container-left{padding:20px 20px 0px; font-size:20px; line-height:33px;} .pageContent .container-right{display:none;} .page-node-type-modular-page h1.page-header{padding: 15px 0px 15px;} .bottomSociaLinks .soucialLinks{margin: 0px 10px 0px 0px;} .bookReviewBlock{display:block;float:none; margin-right:0px; padding-right:10px; width:auto;} .bookThumb{width:80px; margin-right:15px;} .bookDetail .bookBy{margin-bottom:10px;} .imageExpandable .imageTitle, .imageExpandableLead .imageTitle{font-size: 15px; line-height:20px; letter-spacing:0px;} .contentTweetBlock{padding: 35px 10px 35px; color: #3f0d12; font-size:26px; line-height:34px; letter-spacing:0.01px;} .contentTweetBlock .text{font-size:17px;} .blockHeading, .blockHeading h2{ font-size: 15px;} .featuredCommentBox{font-size:17px; margin:0px;} .listingContent, .listingContent a{font-size:17px;} .byAuthor { font-size: 15px;} .scriptureBlock .blockHeading, .featuredCommentBox .blockHeading{font-size: 15px;} .contentBoxSmall, article figure, .contentBoxSmall.featuredCommentBox, .contentBoxSmall.relatedStory{width:100%; margin:25px 0px; display:inline-block; max-width:none;} article figcaption{ font-size:15px; line-height:20px;} .relatedStory.contentBoxSmall .blockHeading{ font-size:16px; letter-spacing:1.14px;} .partnershipWith .blockHeading{font-size:16px; line-height:24px; letter-spacing:1.14px; padding-bottom:15px;} .partnershipWith { font-size: 17px; line-height: 25px; letter-spacing: 0.34px;} .moreTags{font-size:15px; line-height:24px; letter-spacing:1.25px;} .moreTags span:first-child{margin:0px;} .moreTags a{display: inline;} .bottomSociaLinks{margin-top:30px; margin-bottom:30px;} .authorBlockBottom{margin-bottom:30px;padding-bottom: 40px;} .authorBlockBottom .authorThumb{display: block; margin: 0px auto 20px; width: 160px; height: 160px;} .authorBlockBottom .authorThumb img{width:100%;} .authorBlockBottom .authorTitle{display:block; padding:0px; font-size:17px; line-height:25px; letter-spacing:0.34px;} .authorBlockBottom a.tweetToAuthor,.authorBlockBottom a.mailToAuthor{display:block;} .multi-author-grid{width:100%; margin:0px;} .multi-author-grid .authorBlockBottom{ margin: -1px 0px 0px;} .multi-author-grid .authorBlockBottom .authorThumb, .multi-author-grid .authorBlockBottom .authorTitle{ display:table-cell; } .latestFromAmericaBox{margin:25px 0px;} .latestFromAmericaBox .latestFromAmericaHeading { padding: 0px 25px; } .latestFromAmericaHeading .blockHeading, .latestFromAmericaHeading .blockHeading h2{ font-size:14px;} .latestFromAmericaBox .latestTitle a{font-size:22px; line-height:27px; letter-spacing:0.14px;} .latestFromAmericaBox .latestImage{ padding-left:25px; padding-right:25px;} .latestFromAmericaBox .latestListingContent{ font-size:17px; line-height:25px; letter-spacing:0.34px; padding-left:25px; padding-right:25px;} .latestFromAmericaBox .latestListingContent .authorTitle a{color:#eb4511;} .latestImage { overflow:hidden;} .latestTitle a{font-size:22px;} .latestListingContent{font-size:15px;} /* .latestListingContent .authorTitle > *{display:block;}*/ .col-md-12 .ourVoicesBlockWrapper { text-align:left; margin:25px 0px;} .col-md-12 .ourVoicesBlockWrapper > .view-content{padding:0px; border-bottom:none;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem{display:block; padding:20px 0px;border-bottom: 1px solid #d8d2cc;width:100%;} .col-md-12 .ourVoicesBlockWrapper .row{border-bottom:none; padding:0px;} .col-md-12 .ourVoicesBlockWrapper .ourVoicesBlock{ padding:0px;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem .authorThumb{margin-bottom:0px; width: 100px; height: 100px;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem .authorTitle{width:68%;} .col-md-12 .ourVoicesBlockWrapper .seeAll {position: relative; right: auto; top: auto; margin-top: 20px; display: inline-block;} .l1Page .mostPopularBox{padding-top:40px;} .sectionWrapper.view--special-featured-article-module{ padding: 25px 20px;} .sectionWrapper .row{ margin-left: -20px; margin-right: -20px;} .sectionWrapper .col-md-4.col-sm-6{padding-left: 20px; padding-right: 20px;} .topArticles, .mostPopularListing { margin: 25px 0px 25px; } .topArticles .row {margin-left: -25px;margin-right: -25px; } .mostPopularListing .lsitingRow{padding:0px 0px 20px;} .mostPopularListing .listingNumber, .mostPopularListing .listingContent{ display:block; width:100%;} .mostPopularListing .listingNumber{ margin-top:10px; margin-bottom:15px;} .articleBlock .homeListing{ padding-top:30px;} .l1Page .reactionsWrapper {padding-bottom:40px;} .l1Page .reactionsWrapper .container{ padding:0px;} .l1Page .reactionsWrapper .listingRow{padding:0px 20px;} .l1Page .reactionsWrapper .reactionsWrapperInner{ border-bottom:none;} .bottomNewsletter .signUpNewsLetterWrapper:after, .bottomNewsletter .signUpNewsLetterWrapper:before{ display:none;} .l1Page .bottomNewsletter .row > div:last-child{ padding:0px;} .l1Page .signUpNewsLetterWrapper{padding:0px;} .l1Page .signUpNewsLetterInner{padding:60px 40px;} .l1Page .signUpNewsLetterInner .signUpTitle{ margin-bottom:20px;} .l1Page .signUpNewsLetterInner .newsLetterBox{width:100%;margin-top: 50px;} .caegoryListItem{display:block;float:none;} .caegoryListItem a{font-size:15px;} .searchTabs{ margin: 0px 0px 10px; width: 100%;} .searchTabs .btn{ width:50%;} .filterBlock .filterBtn, .filterBlock .filterBtn.collapsed{width:100%; background-position-x: calc(50% + 55px);} .filtersList{padding-top:15px;} .filtersList ul{ display:block; width:100%; margin-bottom:10px;} .clearFilter{ margin-top:10px;} .pagination a{font-size:13px;} .filtersList .fieldset-wrapper .checkbox { width: 100%; display: block; } .listingTheVoices .listImage, .listingTheVoices .listContent{ display:inline-block; vertical-align: top;} .listingTheVoices .thumbImage{width:100px; height:100px;} .listingTheVoices .thumbImage img{ max-width:100%;} .magazineListing .listImage, .searchListing .listImage{ padding:0px 10px 0px 0px;} .magazineListing .listContent, .searchListing .listContent{ padding:0px 0px 0px 10px;} .magazineListing .thumbImage, .magazineListing .thumbImage img{width: 100%; height: auto;} .listingArticle .listImage{ padding:0px;} .listingArticle .listContent{ clear:left; padding:10px 0px 0px;} .feauredSeriesWrapper > .row > div{ padding:0px;} .feauredSeries .contentWrapper{ margin-left: 20px; margin-right: 20px;} .audioGalleryBlock.borderBox{padding: 40px 15px 20px;} .audioGalleryBlock .audio-widget-big{ margin:0px;} .audioList .audio-widget-small-content{width:80%;} .audioGalleryBlock.borderBox .pageTitle a{ font-size:34px; line-height:41px;} .audio-widget-big-series, .audio-widget-small-series, .audio-widget-big-series a, .audio-widget-small-series a, .audio-widget-big-created{ font-size:17px; line-height:26px; letter-spacing:0.24px;} .audio-widget-small-created{ line-height:30px; letter-spacing:0px;} /* community page */ .communityHeader{ margin-bottom:25px;} .communityHeader .page-header{ padding:35px 0px 25px;} .communityHeader .container-left{ padding:0px 25px;} .communityHeader .pageTitle{ border:none; padding-bottom:0px;} .communityHeader .communityHeaderDetail{ padding:0px 25px 50px;} .communityHeader .cornerButtenWrapper{with:75%;} .communityHeader .subscribeBtn{ margin:40px auto;} .communityHeader .donateBtn{ margin-bottom:0px;} .view--special-featured-article-module{ padding:25px 5px; background:none;} .feauredSeries .topContent .learnMore, .feauredSeries .topContent .learnMore a{color:#5534a6;} .feauredSeriesWrapper{ padding-top:45px;} .highlightsBox .highlightsComment{ padding-top:38px;} .highlightsBox .views-row{ padding-bottom: 35px; border-bottom:1px solid #D8D2CC;} .highlightsBox .views-row .col-md-4.col-sm-4{padding:0px;} .becomeAMemberWrapper .signUpNewsLetterInner{ padding:25px;} .becomeAMemberWrapper .becomeMemberLinks .followUS{ margin: 0px 0px 25px;} .magazineDetails .currentIssueContent { margin: 10px 0px 0px 25px; padding-top: 0; } .magazineDetails .currentIssueDate { margin-top: 0; } #loginModel .modal-dialog{ width:auto;margin-top: 100px;} .modal-content{padding:20px;} .whyContent{ min-height:10px;} .loginPasswordBlock input.form-control, .loginPasswordBlock input[type="submit"]{width:100%; margin: 10px 0px;} .modal-dialog .relative input.form-control{ padding-right:12px;} .modal-dialog .relative input[type="submit"]{ position: relative; width: 100%; margin-top: 10px;} .loginLink, .forgotPasswordLink{ margin-bottom:10px;} .loginPasswordBlock .loginMsg{ position: relative; top: auto; left: auto; padding: 0px; margin: 10px 0px;} .am-profile-edit-page .col-md-12{ width:100%;} .am-password-reset .region-main-content-left, .path-registration .AMloginBlock, .path-registration .AMloginPasswordBlock{width: auto; padding: 20px; margin-left: -20px; margin-right: -20px;} .path-registration .footer { height: auto; } .path-registration .region-main-content-left{ width: 100%; margin: 0px auto; padding: 20px;} /*Change for article page*/ .page-node-type-podcast .container.author, .page-node-type-article .container.author, .page-node-type-video .container.author, .page-node-type-book-review .container.author, .page-node-type-the-word .container.author { margin-bottom: 0; } } @media screen and (max-width:480px){ .heroImageWrapper .largeHeaderImage, .largeHeaderImage{height:280px;} .headerNav .logo{margin-left: 26px;} .searchBoxWrapper .arrowUp{right:21%;} .newsLetterWrapper .arrowUp{right:5%;} .ourVoicesBlock .authorTitle{ width: 60%;} .scrollableArea { min-width: 550px; } .heroImageWrapper .row{ margin-top:-40px;} .section2 .section2Image{ height:240px;} /* audiao player style*/ .audioBlock{padding:0px;} .audioTitle{font-size:22px; line-height:24px;display:block; margin-bottom:30px} .playPauseBtn, .playPauseBtn.playing:hover{width:56px; height:56px;display: inline-block; vertical-align: bottom; float:none;margin-right: 15px;} /*.playPauseIcon { background: url(../images/playPauseButton.png) no-repeat 0px -40px; display: block; width: 40px; height: 40px; margin: 15px 12px 15px 18px; background-size: 100%; }*/ .seeBarTime{ display: inline-block; width: 65%; text-align:right;} .seekBar{ height:8px; width:100%; display:block; background:#d8d2cc;} .playTime{} .text a{font-size:15px; letter-spacing:0.5px;} .audioBottom{display:block; margin-top:25px;} .volumeBtn{ display:inline-block; vertical-align:middle;} .volumeBtn a{ display:block; width:20px; height:20px; background:url(../images/iconValume.png) no-repeat center center;} .audioBlock .text{ display:inline-block; line-height:normal; margin-right:20px;} .audioGalleryBlock .audioBlock progress.seekBar { width: 100%; } .audioGalleryBlock .audioBlock .playPauseBtn, .audioGalleryBlock .audioBlock .playPauseBtn.playing, .audioGalleryBlock .audioBlock .playPauseBtn.playing:hover{ margin-right:17px;float: left; margin-top: 40px;} .audioGalleryBlock .audioBlock .seeBarTime{width: 70%; margin-right: 0px;text-align: right;margin-top: 60px;} .audioGalleryBlock .audioBlock .audioBottom { margin-top: -22px; float: right; margin-right: 60px;} .audioGalleryBlock .audioBlock .playTime{ margin-top:10px;} .videoBlock .playPauseBtn{ margin-left:-35px; margin-top:-35px;} .relatedStoryListing{border-top: 1px solid #d8d2cc; border-bottom: 1px solid #d8d2cc; float: left;} .relatedStory .lsitingRow{ width:100%; float: none; border: none; padding:0px 15px;} .relatedStory .view-content{padding:20px 0px; border-bottom: 1px solid #d8d2cc; } .relatedStory .view-content > div{ display:table-cell; width: 50%; vertical-align: top;} .relatedStory .view-content > div:first-child, .relatedStory .view-content > div:nth-child(2n+1) > .lsitingRow{ border-right: 1px solid #d8d2cc;} .relatedStory .view-content > div:first-child > .lsitingRow, .relatedStory .view-content > div:nth-child(2n+1) > .lsitingRow{padding-left:0px; border:none;} .relatedStory .view-content > div:nth-child(2n) > .lsitingRow{padding-right:0px;} .relatedStory .listingImage{ width: 100%; height: auto; padding-right: 0px; display: block; margin-bottom: 5px;} .relatedStory .listingContent{ display:block;} .relatedStory .listingTitle{ line-height:20px;} .relatedStory .byAuthor a{ font-size:15px; line-height:22px; letter-spacing:0.62px;} .l1Page .innerPageHeading > .container-left{ padding:0px 0px 20px; border-bottom: 1px solid #d8d2cc; margin-bottom:20px;} .l1Page .innerPageHeading > .topHedingLinks{ width:100%;} .signUpNewsLetterHomeWrapper .signUpNewsLetterInner{background: #872523 url(../images/innerBg.png) no-repeat 150% -255px; background-size:130%;} .becomeAMemberWrapper .signUpNewsLetterInner { background: #3f0d12 url(../images/innerBgRedLight.png) no-repeat -100px -200px; background-size: auto 120%; } .path-registration .registration-info-wrapper #edit-actions{ position: relative; text-align: center; margin-top: 15px; } .path-registration .AMloginBlock #user-login-form .js-form-wrapper{ display:block; text-align:center; } .AMloginPasswordBlock #edit-actions--2.js-form-wrapper { display: block; text-align: center; } .path-registration .region-main-content-left #edit-candidate-mail { padding: 6px 12px; } .path-registration .registration-info-wrapper #edit-actions{position: relative;} .path-registration .registration-info-wrapper #edit-actions input{width:100%} .path-registration .region-main-content-left .div-border .usePassword{text-align: center;} .path-registration .pageContent > .row > .container-left {margin-top: 0;} .am-profile-edit-page .signUp .relative input[type="submit"], .user-logged-in .signUp .relative input[type="submit"]{ position: relative; width: 100%; } .am-profile-edit-page .signUp input.form-control, .user-logged-in .signUp input.form-control{ padding-right:6px;} article iframe{width: 100% !important;} .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_970_90 { width: 91%; max-width: calc(100% - 40px); margin: 0px 20px; } @media screen and (max-width:320px){ .headerNav .logo{margin-left: 16px; width: 101px;} .heroImageWrapper .largeHeaderImage, .largeHeaderImage{height:213px;} .searchBoxWrapper .arrowUp{right:20%;} .newsLetterWrapper .arrowUp{right:4%;} .section2 .section2Image{ height:187px;} .playPauseBtn, .playPauseBtn.playing:hover{width:50px; height:50px;} /*.playPauseIcon { background: url(../images/playPauseButton.png) no-repeat 0px -30px; display: block; width: 30px; height: 30px; margin: 10px 8px 10px 12px;background-size: 100%;}*/ .videoBlock .playPauseBtn{ margin-left:-25px; margin-top:-25px;} .seeBarTime{margin-top: 0px;} .ourVoicesBlock .authorTitle { width: 55%; } .ourVoicesBlock .authorThumb{width:80px; height:80px;} .col-md-12 .ourVoicesBlockWrapper .theVoiceListItem .authorTitle{ width: 60%;} .theVoiceListItem .authorThumb{ width:100px; height:100px;} .listingTheVoices .thumbImage { width: 80px; height: 80px; } .partnershipLogo{padding-right: 10px; margin-right: 10px;} .signUpNewsLetterHomeWrapper .signUpNewsLetterInner{background: #872523 url(../images/innerBg.png) no-repeat 100% -200px; background-size:135%;} .articleBlock .homeListing .byAuthor .authorTitle{ width: 72%;} .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-homepage_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-article_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_970_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-channel_front_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_728_90, .contentArea > .region-full-content-1 > section > #js-dfp-tag-listing_970_90 { width: 87%;} }