/* New Article category landing pages */
.TopicLanding .section-overlay {display:none !important;}
.TopicLanding * { font-size:16px; line-height:24px;}
.TopicLanding strong, .TopicLanding b {font-weight: bold;}
.TopicLanding a {font-family: inherit;font-size: inherit;text-decoration: underline; color: #a53b86;}
.TopicLanding a:hover {color: #de89c8;}
.TopicLanding p, .TopicLanding li  {margin: 0 0 20px 0;}
.TopicLanding h1, .TopicLanding h2, .TopicLanding h3, .TopicLanding h4, .TopicLanding li, .TopicLanding blockquote {font-family: 'Lora', serif;color: #524b4b;text-align: left;font-weight: bold; }
.TopicLanding .head h1 {font-size: 42px; line-height: 50px;margin: 60px 0 30px 0;width: 60%; padding-left: 0px; text-transform: uppercase;}
.TopicLanding h2 {font-size: 36px;line-height: 48px; }
.TopicLanding h3 {font-size: 36px;line-height: 48px; text-align: inherit;}
.TopicLanding h4 {font-size: 30px;line-height: 38px;text-align: center;}
.TopicLanding section h2, .TopicLanding section h3:not(.normaltitle), .TopicLanding section h4  {padding: 0px 0 20px 0;margin-top: 10px;}
.TopicLanding ul {list-style: none;padding: 0 0 0 30px;width: 90%;}
.TopicLanding li {list-style: none;position: relative;color: #7b7b7b;font-size: 18px;line-height: 26px;font-style: italic;  font-weight: normal;margin-left: 40px;}
.TopicLanding li:before {font-style: normal;}
.TopicLanding blockquote {border-left: 5px solid #bbb6e3;color: #7b7b7b;    font-size: 18px;line-height: 26px;  	font-weight: normal; font-style: italic;}
.TopicLanding a.jegyvasarlas {background-color: #fe6e1f;cursor: pointer;display: inline-block;font-size: 22px;line-height: 30px;padding: 20px 40px;text-decoration: none;margin-top: 20px;}
.TopicLanding a.jegyvasarlas:hover {color: inherit;}
.TopicLanding .head .hgroup {margin-bottom: 90px;}
.TopicLanding .head {background-size:cover !important;}
.TopicLanding .head * {color: #ffffff;font-size: 18px;line-height: 26px;}
.TopicLanding .head p {width: 70%;}
.TopicLanding .intro, .TopicLanding .topic-content1, .TopicLanding .topic-content2, .TopicLanding .cta-top-block, .TopicLanding .why-choose-this, .TopicLanding .cta-middle-block, .TopicLanding .pro-vs-contra, .TopicLanding .highlite-with-quote, .TopicLanding .cta-bottom-block, .TopicLanding .testimonials, .TopicLanding .psychics_rollup_callus {margin-bottom: 50px;}
.TopicLanding .topic-content2 {margin-bottom: 80px;}
.TopicLanding .intro .introblock { background: #ffffff none repeat scroll 0 0;border-radius: 10px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);margin-top: -30px;padding: 15px 30px 15px 30px;}
.TopicLanding .cta-top-block {position: relative; background-size: cover !important; padding: 100px 0;}
.TopicLanding .cta-top-block h2 {font-size: 50px; line-height: 60px;}
.TopicLanding .cta-top-block *, .TopicLanding .cta-middle-block * {color: #ffffff;}
.TopicLanding .cta-top-block .arrow {position: absolute; z-index: 100; width: 180px; height: auto; top: -70px; left: 58%;}
.TopicLanding .cta-top-block .arrow img {width: 100%; height: auto;}
.TopicLanding p.bigger {color: #7b7b7b;font-size: 20px; line-height: 28px; text-align: center; font-style: italic; padding-bottom: 15px;width: 800px;max-width: 100%;margin: auto;}
.TopicLanding .cta-middle-block {background-size: cover !important; padding: 60px 0; text-align: center; position: relative;}
.TopicLanding .cta-middle-block .presented {text-transform: uppercase; letter-spacing: 1px;}
.TopicLanding .cta-middle-block .date {margin-bottom: 40px;}
.TopicLanding .pro-vs-contra ul {margin-top: 40px;}
.TopicLanding .why-choose-this ul {margin-top: 20px;}
.TopicLanding .why-choose-this ul li, .TopicLanding .pro-vs-contra ul li {color: #7b7b7b;margin-bottom: 50px;}
.TopicLanding ul li::before, .TopicLanding section.intro .introblock .introtext .fancylist ul li::before {content:"\f046"; font-family: FontAwesome; font-size: 25px; position: absolute; color: #03a678; margin-left: -40px; top: 4px;}
.TopicLanding .pro-vs-contra h4 {font-family: inherit;}
.TopicLanding .pro-vs-contra .left li::before {font-size: 50px; margin-left: -60px; margin-top: 12px;}
.TopicLanding .pro-vs-contra .right li::before {content:"\f00d"; font-size: 50px;color: #e65b42; margin-left: -55px; margin-top: 7px;}
.TopicLanding .pro-vs-contra .quot {padding-top: 50px; clear: both}
.TopicLanding .highlite-with-quote .blockquote {display: block; width: 100%; padding: 10px 10px 10px 15px; }
.TopicLanding .highlite-with-quote .blockquote p {color: #ffffff;font-size: 20px; line-height: 28px; z-index: 5; position: relative; margin: 0; padding: 0;font-style: italic;}
.TopicLanding .highlite-with-quote .spr {height: 70px}
.TopicLanding .why-choose-this img {width: 430px;max-width: 100%;margin-top: 30px; margin-bottom: 50px; height: auto;}
.TopicLanding .highlite-with-quote img {max-width: 100%}
.TopicLanding .testimonials .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.TopicLanding .testimonials .row .col-sm-6 { width: 50%; flex: 0 0 50%;}
.TopicLanding .testimonials .row .col-xs-12 { width: 100%; flex: 0 0 100%;}

.TopicLanding .testimonials .testimonial {border: 6px solid #f1d9e9; padding: 18px; }
.TopicLanding .testimonials .nameblock {float: left; padding-left: 15px}
.TopicLanding .testimonials .nameblock p.name {letter-spacing: 1px; font-size: 20px; margin: 0; padding: 0}
.TopicLanding .testimonials .author {width: 50px; height: 50px; float: left; margin-bottom: 15px}
.TopicLanding .testimonials .created {color: #7b7b7b;font-weight: 400;letter-spacing: 1px;font-size: 13px;line-height: 18px;margin-top: 0px;}

/* tarot */
.tarot .TopicLanding .highlite-with-quote h3 {color: #946045 !important;} 
.tarot .TopicLanding .highlite-with-quote .blockquote {background-color: #946045;}
.tarot .TopicLanding .head {background: url("../images/tarot-head.jpg") no-repeat center center;}
.tarot .TopicLanding .cta-top-block {background: url("../images/tarot-top.jpg") no-repeat center center;}
.tarot .TopicLanding .cta-middle-block {background: url("../images/tarot-middle.jpg") no-repeat center center;}

/* penzugyek */
.penzugyek .TopicLanding .highlite-with-quote h3 {color: #411a00   !important;} 
.penzugyek .TopicLanding .highlite-with-quote .blockquote {background-color: #411a00  ;}
.penzugyek .TopicLanding .head {background: url("../images/penzugyek-head.jpg") no-repeat center center;}
.penzugyek .TopicLanding .cta-top-block {background: url("../images/penzugyek-top.jpg") no-repeat center center;}
.penzugyek .TopicLanding .cta-middle-block {background: url("../images/penzugyek-middle.jpg") no-repeat center center;}

/* asztrologia */
.asztrologia .TopicLanding .highlite-with-quote h3 {color: #263258 !important;} 
.asztrologia .TopicLanding .highlite-with-quote .blockquote {background-color: #263258;}
.asztrologia .TopicLanding .head {background: url("../images/asztrologia-head.jpg") no-repeat center center;}
.asztrologia .TopicLanding .cta-top-block {background: url("../images/asztrologia-top.jpg") no-repeat center center;}
.asztrologia .TopicLanding .cta-middle-block {background: url("../images/asztrologia-middle.jpg") no-repeat center center;}

/* szerelem */
.szerelem .TopicLanding .highlite-with-quote h3 {color: #9c2124 !important;} 
.szerelem .TopicLanding .highlite-with-quote .blockquote {background-color: #9c2124;}
.szerelem .TopicLanding .head {background: url("../images/szerelem-head.jpg") no-repeat center center;}
.szerelem .TopicLanding .cta-top-block {background: url("../images/szerelem-top.jpg") no-repeat center center;}
.szerelem .TopicLanding .cta-middle-block {background: url("../images/szerelem-middle.jpg") no-repeat center center;}

/* boszorkany */
.boszorkany .TopicLanding .highlite-with-quote h3 {color: #633714 !important;} 
.boszorkany .TopicLanding .highlite-with-quote .blockquote {background-color: #633714;}
.boszorkany .TopicLanding .head {background: url("../images/boszorkany-head.jpg") no-repeat center center;}
.boszorkany .TopicLanding .cta-top-block {background: url("../images/boszorkany-top.jpg") no-repeat center center;}
.boszorkany .TopicLanding .cta-middle-block {background: url("../images/boszorkany-middle.jpg") no-repeat center center;}

/* sorselemzes */
.sorselemzes .TopicLanding .highlite-with-quote h3 {color: #351d38 !important;} 
.sorselemzes .TopicLanding .highlite-with-quote .blockquote {background-color: #351d38;}
.sorselemzes .TopicLanding .head {background: url("../images/sorselemzes-head.jpg") no-repeat center center;}
.sorselemzes .TopicLanding .cta-top-block {background: url("../images/sorselemzes-top.jpg") no-repeat center center;}
.sorselemzes .TopicLanding .cta-middle-block {background: url("../images/sorselemzes-middle.jpg") no-repeat center center;}

/* ciganykartya */
.ciganykartya .TopicLanding .highlite-with-quote h3 {color: #483201 !important;} 
.ciganykartya .TopicLanding .highlite-with-quote .blockquote {background-color: #483201;}
.ciganykartya .TopicLanding .head {background: url("../images/ciganykartya-head.jpg") no-repeat center center;}
.ciganykartya .TopicLanding .cta-top-block {background: url("../images/ciganykartya-top.jpg") no-repeat center center;}
.ciganykartya .TopicLanding .cta-middle-block {background: url("../images/ciganykartya-middle.jpg") no-repeat center center;}

/* kartyajoslas */
.kartyajoslas .TopicLanding .highlite-with-quote h3 {color: #4c2c17 !important;} 
.kartyajoslas .TopicLanding .highlite-with-quote .blockquote {background-color: #4c2c17;}
.kartyajoslas .TopicLanding .head {background: url("../images/kartyajoslas-head.jpg") no-repeat center center;}
.kartyajoslas .TopicLanding .cta-top-block {background: url("../images/kartyajoslas-top.jpg") no-repeat center center;}
.kartyajoslas .TopicLanding .cta-middle-block {background: url("../images/kartyajoslas-middle.jpg") no-repeat center center;}

/* szammisztika */
.szammisztika .TopicLanding .highlite-with-quote h3 {color: #105696 !important;} 
.szammisztika .TopicLanding .highlite-with-quote .blockquote {background-color: #105696;}
.szammisztika .TopicLanding .head {background: url("../images/szammisztika-head.jpg") no-repeat center center;}
.szammisztika .TopicLanding .cta-top-block {background: url("../images/szammisztika-top.jpg") no-repeat center center;}
.szammisztika .TopicLanding .cta-middle-block {background: url("../images/szammisztika-middle.jpg") no-repeat center center;}

/* alomfejtes */
.alomfejtes .TopicLanding .highlite-with-quote h3 {color: #351d38 !important;} 
.alomfejtes .TopicLanding .highlite-with-quote .blockquote {background-color: #351d38;}
.alomfejtes .TopicLanding .head {background: url("../images/alomfejtes-head.jpg") no-repeat center center;}
.alomfejtes .TopicLanding .cta-top-block {background: url("../images/alomfejtes-top.jpg") no-repeat center center;}
.alomfejtes .TopicLanding .cta-middle-block {background: url("../images/alomfejtes-middle.jpg") no-repeat center center;}

/* angyaljoslas */
.angyaljoslas .TopicLanding .highlite-with-quote h3 {color: #011257 !important;} 
.angyaljoslas .TopicLanding .highlite-with-quote .blockquote {background-color: #011257;}
.angyaljoslas .TopicLanding .head {background: url("../images/angyaljoslas-head.jpg") no-repeat center center;}
.angyaljoslas .TopicLanding .cta-top-block {background: url("../images/angyaljoslas-top.jpg") no-repeat center center;}
.angyaljoslas .TopicLanding .cta-middle-block {background: url("../images/angyaljoslas-middle.jpg") no-repeat center center;}


@media screen and (max-width: 768px) {
	.TopicLanding .intro, .TopicLanding .topic-content1, .TopicLanding .topic-content2, .TopicLanding .cta-top-block, .TopicLanding .why-choose-this, .TopicLanding .cta-middle-block, .TopicLanding .pro-vs-contra, .TopicLanding .highlite-with-quote, .TopicLanding .cta-bottom-block, .TopicLanding .testimonials, .TopicLanding .psychics_rollup_callus {margin-bottom: 30px;}
	.TopicLanding li, .TopicLanding p.bigger, .TopicLanding .head *, .TopicLanding .highlite-with-quote .blockquote p {font-size: 16px; line-height: 24px;}
	.TopicLanding .head h1 {font-size: 30px; line-height: 38px;}
	.TopicLanding h2, .TopicLanding h3, .TopicLanding h4 {	font-size: 22px;line-height: 30px;}
	.TopicLanding .head p  {width: 100%;padding-left: 10px;}
	.TopicLanding .head h1 {width: 100%;margin: 40px 0 30px 0;padding-left: 10px;}
	.TopicLanding .cta-top-block h2 {font-size: 26px;line-height: 34px;}
	.TopicLanding .why-choose-this ul li, .TopicLanding .pro-vs-contra ul li {margin-bottom: 30px;}
	.TopicLanding .why-choose-this .col-sm-6 {text-align: center;}
	.TopicLanding a.jegyvasarlas {font-size: 16px;line-height: 24px;padding: 10px 20px;}
	.TopicLanding ul {padding: 0px 20px 0px 20px;width: 100%;}
	.TopicLanding .pro-vs-contra ul {margin-top: inherit;}
	.TopicLanding .testimonials .testimonial {border: 5px solid #f1d9e9;padding: 8px;margin: 0 -5px 15px -5px;width: calc(100% + 15px);}
	.TopicLanding .testimonials .testimonial p {font-size: 13px;line-height: 17px;margin-bottom: 0;letter-spacing: -0.6px;}
	.TopicLanding .testimonials .nameblock {width: calc(100% - 52px); padding-bottom: 5px;margin-left: -5px;}
	.TopicLanding .testimonials .nameblock p.name {font-size: 14px;line-height: 18px;font-weight: bold; height:auto;}
	.TopicLanding .cta-top-block .arrow {width: 100px; top: -40px; }
	.TopicLanding .highlite-with-quote img, .TopicLanding .why-choose-this .col-sm-6 img {max-width: 60% !important;}
	.TopicLanding .intro .introblock { padding: 20px 20px 20px 20px; }
	.TopicLanding .highlite-with-quote .text-right {text-align:left;}
	.TopicLanding .col-xs-12 { padding-left:25px; padding-right:25px;}
	.TopicLanding .intro .col-xs-12 { padding-left:15px; padding-right:15px;}
}