/*  MICROTHEMER STYLES  */


/*= Header ==================== */

/** Header >> Logga startsidan **/
.fl-builder-content-2356 > .fl-node-60814fdbf0295 {
	position: relative !important;
}

/** Header >> Fl node 60814fdbf02a7 fl heading **/
.fl-node-60814fdbf02a7 .fl-heading {
	margin-right: -1px !important;
}


/*= Main Menu ================= */

/** Main Menu >> Sub menu **/
.sub-menu a {
	color: rgb(102, 102, 102) !important;
}

/** Main Menu >> Sub menu Copy 1 **/
.sub-menu a {
	color: rgb(102, 102, 102) !important;
}

/** Main Menu >> Sub menu Hover **/
.sub-menu a:hover {
	color: rgb(255, 255, 255) !important;
}

/** Main Menu >> Sub menu bakgrund **/
.sub-menu {
	border-radius: 4px !important;
}

/** Main Menu >> Menu quick menu link **/
#menu-quick-menu a {
	font-size: 18px !important;
}

/** Main Menu >> Menu quick menu link _2 **/
#menu-quick-menu > li > a:hover, 
#menu-quick-menu > li > a:focus {
	background-color: rgba(0, 0, 0, 0) !important;
}

/** Main Menu >> Menu quick menu current menu item **/
#menu-quick-menu  > li.current-menu-item > a {
	background-color: rgba(0, 0, 0, 0) !important;
}

/** Main Menu >> Menu item 1797 link **/
#menu-item-1797 > a {
	color: rgb(237, 69, 164) !important;
}

/** Main Menu >> Menu item 518 link **/
#menu-item-518 > a {
	color: rgb(254, 157, 31) !important;
}

/** Main Menu >> Menu quick menu menu item 518 **/
#menu-quick-menu > #menu-item-518 {
	background-color: rgba(0, 0, 0, 0) !important;
	background-image: url("https://cityquizwalks.se//wp-content/uploads/2021/03/trending-s.png") !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-attachment: scroll !important;
	background-size: 28px !important;
	padding-top: 0 !important;
	padding-left: 23px !important;
	float: left !important;
}

/** Main Menu >> Menu item 1797 **/
#menu-item-1797 {
	background-image: url("https://cityquizwalks.se//wp-content/uploads/2021/03/quiz-s.png") !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-size: 28px !important;
	padding-left: 24px !important;
	margin-right: 9px !important;
	position: relative !important;
	float: left !important;
}


/*= Content =================== */

/** Content >> Post 1755 swiper slide **/
.swiper-slide {
	margin-bottom: 0 !important;
}

/** Content >> Swiper slide image **/
.swiper-slide img {
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.2s !important;
	-moz-transition-duration: 0.2s !important;
	-webkit-transition-duration: 0.2s !important;
	transition-duration: 0.2s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Content >> Swiper slide image Copy 1 **/
.swiper-slide img:hover {
	transform: scale(1.05, 1.05) !important;
}

/** Content >> Post 1755 pp category content **/
.pp-category__content {
	color: rgb(255, 255, 255) !important;
	background-color: rgba(255, 255, 255, 0) !important;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0)) !important;
	padding-bottom: 51px !important;
}

/** Content >> Pp category title wrapper pp category title **/
.pp-category__title_wrapper > .pp-category__title {
	color: rgb(255, 255, 255) !important;
}

/** Content >> Post 1755 svg **/
#post-1755 svg {
	height: 18px !important;
	padding-top: 5% !important;
	padding-left: 3px !important;
}

/** Content >> Swiper button next svg **/
.swiper-button-next > svg {
	color: rgb(11, 10, 10) !important;
	margin-left: 1px !important;
}

/** Content >> Content fl heading text **/
.single-post #content .fl-heading-text {
	font-weight: 400 !important;
	letter-spacing: 2px !important;
}

/** Content >> Content heading 3 **/
.single-post #content h3 {
	line-height: 1.2em !important;
	margin-bottom: 5px !important;
	text-rendering: optimizeLegibility !important;
}

/** Content >> Fl module heading fl module content **/
.fl-module-heading > .fl-module-content {
	margin-bottom: 5px !important;
}

/** Content >> Content widgettitle **/
#content .widgettitle {
	font-size: 23px !important;
}

/** Content >> Widget recent entries link **/
.widget_recent_entries a {
	color: rgb(42, 42, 42) !important;
}

/** Content >> Widget recent entries link Hover **/
.widget_recent_entries a:hover {
	color: rgb(79, 103, 141) !important;
}

/** Content >> Content figure caption **/
#content figcaption {
	color: rgb(113, 113, 113) !important;
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: normal !important;
	font-style: normal !important;
	text-align: left !important;
}

/** Content >> Fl module content paragraph **/
.single-post .fl-module-content > p {
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: normal !important;
}

/** Content >> Fl module fl post content list item **/
.single-post .fl-module-fl-post-content li {
	font-size: 15px !important;
	line-height: 22px !important;
	font-weight: normal !important;
}

/** Content >> Content btn primary **/
.single-post #content .btn-primary {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	background-color: rgb(51, 122, 183) !important;
	padding: 7px 12px 7px 12px !important;
	border-radius: 4px !important;
}

/** Content >> Content btn primary Hover **/
.single-post #content .btn-primary:hover {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
	background-color: rgb(79, 103, 141) !important;
	padding: 7px 12px 7px 12px !important;
	border-radius: 4px !important;
}

/** Content >> Fl post feed content fl post feed more **/
.fl-post-feed-content > .fl-post-feed-more {
	margin-bottom: 20px !important;
}

/** Content >> Post 2510 read more **/
.read-more {
	display: none !important;
}

/** Content >> Fl slide content fl slide title **/
.fl-slide-content > .fl-slide-title {
	margin-top: 65% !important;
}


/*= Footer ==================== */

/** Footer >> Git list item **/
.git li {
	font-size: 12px !important;
	font-weight: 500 !important;
}

/** Footer >> Fl html paragraph **/
.fl-html > p {
	font-size: 12px !important;
	font-weight: 500 !important;
}

/** Footer >> Fl node 603e0071f29ea fl html **/
.fl-node-603e0071f29ea .fl-html {
	font-size: 14px !important;
	font-weight: 500 !important;
}

/** Footer >> Git unordered list **/
.git > ul {
	margin-bottom: 0 !important;
	margin-left: 15px !important;
}

/** Footer >> Git unordered list:(2) **/
.git > ul:nth-of-type(2) {
	margin-left: 35px !important;
}


/*= Imported CSS 1 ============ */

/** Imported CSS 1 >> heading 1 +5 more **/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	text-transform: none !important;
}

/** Imported CSS 1 >> footer bottom footer logo **/
.footer-bottom .footer-logo {
	margin: 0 !important;
}

/** Imported CSS 1 >> footer bottom **/
.footer-bottom {
	padding: 0 !important;
}

/** Imported CSS 1 >> list item link **/
footer.footer .v2-footer .hvbt-menu-list li a {
	font-size: 16px !important;
	text-transform: none !important;
}

/** Imported CSS 1 >> header 2 menu area **/
.header-2 .menu-area {
	background: #2a2a2a !important;
	margin-bottom: 30px !important;
}

/** Imported CSS 1 >> list item link _2 **/
.header-2 .main-menu .menu li a {
	color: #FFF !important;
}

/** Imported CSS 1 >> current menu item link **/
.menu.main-menu ul>li.current-menu-item>a {
	color: #fff !important;
	background: #4f678d !important;
}

/** Imported CSS 1 >> list item link:hover **/
.header-2 .main-menu .menu li a:hover {
	color: #fff !important;
	background: #4f678d !important;
}

/** Imported CSS 1 >> fixed top btn **/
.fixed-top-btn {
	color: #fff !important;
	background-color: #4f678d !important;
}

/** Imported CSS 1 >> footer dark footer top **/
.footer-dark .footer-top {
	padding-bottom: 0 !important;
}

/** Imported CSS 1 >> footer top paragraph **/
.footer-dark .footer-top p {
	color: #fff !important;
}

/** Imported CSS 1 >> wq force login wq js show register form **/
.wq-force-login .wq-js-show-register-form {
	display: none !important;
}

/** Imported CSS 1 >> user info link **/
.user-info a {
	color: #fff !important;
	font-weight: 600 !important;
	background: #4f678d !important;
	padding: 5px 10px 5px 10px !important;
	border: 1px solid #4f678d !important;
	border-radius: 5px !important;
}

/** Imported CSS 1 >> user info link:hover **/
.user-info a:hover {
	color: #4f678d !important;
	background: #fff !important;
	border: 1px solid #4f678d !important;
	border-radius: 5px !important;
}

/** Imported CSS 1 >> facebook1 **/
a.facebook1 {
	margin-right: 10px !important;
}

/** Imported CSS 1 >> footer col1 paragraph **/
#footer-col1 p {
	color: #fff !important;
	font-size: 14px !important;
}

/** Imported CSS 1 >> footer font **/
.footer-font {
	color: rgba(255, 255, 255, 0.8) !important;
}

/** Imported CSS 1 >> Footer widgets heading h2 _2 **/
#footer-widgets .heading-h2:after {
	width: 5rem !important;
	border-top: 1px solid #fff !important;
	position: absolute !important;
	bottom: -12px !important;
	left: 0 !important;
	content: "" !important;
}

/** Imported CSS 1 >> git image **/
.footer .git img {
	height: 84px !important;
	margin-right: 20px !important;
}

/** Imported CSS 1 >> footer git **/
.footer .git {
	/* MT [  ] */
	margin-left: 10px !important;
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
}

/** Imported CSS 1 >> footer bg image **/
.footer .bg-image {
	background-color: transparent !important;
	background-position: 0% 0% !important;
	background-repeat: repeat !important;
	background-attachment: scroll !important;
	background-size: auto !important;
	background-origin: padding-box !important;
	-webkit-background-clip: border-box !important;
	background-clip: border-box !important;
	background-repeat: no-repeat !important;
}

/** Imported CSS 1 >> unordered list list item **/
.footer .git ul li {
	color: #fff !important;
	list-style-type: none !important;
	padding-bottom: 10px !important;
	position: relative !important;
}

/** Imported CSS 1 >> unordered list user::before **/
.footer .git ul .user::before {
	font-family: "Font Awesome 5 Free" !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: -25px !important;
	content: "\f007" !important;
}

/** Imported CSS 1 >> unordered list address::before **/
.footer .git ul .address::before {
	font-family: "Font Awesome 5 Free" !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: -25px !important;
	content: "\f041" !important;
}

/** Imported CSS 1 >> unordered list mobile::before **/
.footer .git ul .mobile::before {
	font-family: "Font Awesome 5 Free" !important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: -25px !important;
	content: "\f095" !important;
}

/** Imported CSS 1 >> unordered list email::before **/
.footer .git ul .email::before {
	font-family: "Font Awesome 5 Free" !important;
	color: #fff !important;
	font-size: 15px !important;
	font-weight: 900 !important;
	position: absolute !important;
	left: -25px !important;
	content: "\f0e0" !important;
}

/** Imported CSS 1 >> footer widget **/
.footer .widget a {
	color: rgb(255, 255, 255) !important;
}

/** Imported CSS 1 >> wq quizCtr **/
.wq_quizCtr {
	margin-top: 20px !important;
}

/** Imported CSS 1 >> header entry title **/
header h1.entry-title {
	color: #333 !important;
	font-size: 30px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 2px !important;
}

/** Imported CSS 1 >> wq questionTextCtr heading 4 **/
.wq_questionTextCtr h4 {
	font-size: 18px !important;
	line-height: 26px !important;
	font-weight: 400 !important;
	text-transform: none !important;
	letter-spacing: 1px !important;
}

/** Imported CSS 1 >> wq answerTxtCtr **/
label.wq_answerTxtCtr {
	font-size: 16px !important;
	letter-spacing: 1px !important;
}

/** Imported CSS 1 >> table hover table heading **/
table.table-hover th {
	color: #fff !important;
	background: #333 !important;
}

/** Imported CSS 1 >> table hover **/
table.table-hover {
	margin-top: 20px !important;
}

/** Imported CSS 1 >> Custom html 8 custom html widget **/
#custom_html-8 > .custom-html-widget, 
#custom_html-8 > .custom-html-widget a {
	color: rgb(255, 255, 255) !important;
}


/*= Imported CSS 2 ============ */

/** Imported CSS 2 >> h2slider post info **/
.h2slider .post-info {
	display: none !important;
}

/** Imported CSS 2 >> main post item **/
.home #main .post-item {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) !important;
	padding-bottom: 10px !important;
	margin-bottom: 5px !important;
}

/** Imported CSS 2 >> post item ads post col & type post post item **/
.home #main .post-item .ads-post-col, 
article.type-post .post-item {
	padding-bottom: 10px !important;
}

/** Imported CSS 2 >> post item content **/
.home #main .post-item .content {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

/** Imported CSS 2 >> content heading 4 **/
.home #main .post-item .content h4 {
	font-size: 1.2em !important;
}

/** Imported CSS 2 >> content excerpt **/
.home #main .post-item .content .excerpt {
	color: #999 !important;
	font-size: 0.9em !important;
}

/** Imported CSS 2 >> post item post thumb **/
.home #main .post-item .post-thumb {
	margin-bottom: 15px !important;
}

/** Imported CSS 2 >> text headline **/
.text-headline {
	margin-bottom: 20px !important;
}

/** Imported CSS 2 >> search form **/
header .search form {
	z-index: 9999 !important;
}

/** Imported CSS 2 >> custom html widget **/
.custom-html-widget {
	color: #b0b0b0 !important;
	font-size: 0.8em !important;
	font-weight: 500 !important;
	margin-bottom: 0 !important;
}

/** Imported CSS 2 >> sidebar post info **/
#sidebar .post-info {
	display: none !important;
}

/** Imported CSS 2 >> forgot password **/
form.forgot-password {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.3) !important;
	background: #fff !important;
	max-width: 500px !important;
	padding: 10px !important;
	margin: 40px auto 40px auto !important;
	border-radius: 3px !important;
}

/** Imported CSS 2 >> forgot password fieldset **/
form.forgot-password fieldset {
	border-width: 0 !important;
	border-style: none !important;
}

/** Imported CSS 2 >> fieldset paragraph:first-child **/
form.forgot-password fieldset p:first-child {
	text-align: center !important;
}

/** Imported CSS 2 >> wq triviaQuestionExplanation **/
.wq_triviaQuestionExplanation {
	background: #fff !important;
}

/** Imported CSS 2 >> wq results wq shareCtr **/
.wq-results .wq_shareCtr {
	display: none !important;
}

/** Imported CSS 2 >> quiz land page **/
.quiz-land-page {
	background: #b1cfe7 !important;
	padding: 30px 0 30px 0 !important;
}

/** Imported CSS 2 >> quiz land page inner bg **/
.quiz-land-page .inner-bg {
	text-align: center !important;
	background: #4f678d !important;
}

/** Imported CSS 2 >> inner bg oops img **/
.quiz-land-page .inner-bg .oops-img {
	padding: 40px 0 30px 0 !important;
}

/** Imported CSS 2 >> inner bg heading 2 **/
.quiz-land-page .inner-bg h2 {
	color: #fff !important;
	font-size: 24px !important;
	font-weight: 500 !important;
	text-align: center !important;
	padding: 0 0 60px 0 !important;
}

/** Imported CSS 2 >> btn home posts **/
.btn-home-posts {
	color: #fff !important;
	text-align: center !important;
	background-color: #337ab7 !important;
	width: 100% !important;
	padding: 10px 12px 10px 12px !important;
	margin-bottom: 30px !important;
	border: 2px solid #337ab7 !important;
	border-radius: 4px !important;
	display: inline-block !important;
}

/** Imported CSS 2 >> btn home posts:hover **/
.btn-home-posts:hover {
	color: #337ab7 !important;
	background: initial !important;
	border: 2px solid #337ab7 !important;
	border-radius: 4px !important;
}

/** Imported CSS 2 >> table row table data **/
.tblquizlst tr td {
	background: #FFF !important;
	word-break: break-word !important;
}

/** Imported CSS 2 >> span grpname **/
span.span_grpname {
	color: #333 !important;
	font-size: 18px !important;
	font-weight: 600 !important;
}

/** Imported CSS 2 >> span grpname _2 **/
h3.span_grpname {
	font-size: 20px !important;
	font-weight: normal !important;
}

/** Imported CSS 2 >> span grpname span **/
h3.span_grpname span {
	font-weight: 500 !important;
}

/** Imported CSS 2 >> span grpname:after **/
h3.span_grpname:after {
	background: #000 !important;
	width: 100px !important;
	height: 2px !important;
	position: absolute !important;
	bottom: -8px !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
	content: '' !important;
}

/** Imported CSS 2 >> loader **/
#loader {
	display: none !important;
}

/** Imported CSS 2 >> menu item has children sub menu **/
.menu.main-menu ul li.menu-item-has-children>.sub-menu {
	top: 54px !important;
}

/** Imported CSS 2 >> current menu ancestor link **/
.menu.main-menu ul>li.current-menu-ancestor>a {
	color: #FFF !important;
	background: #4f678d !important;
}

/** Imported CSS 2 >> divsocialshareico **/
.divsocialshareico {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.5) !important;
	background: #fff !important;
	width: 100% !important;
	padding: 10px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border-radius: 5px !important;
	float: left !important;
}

/** Imported CSS 2 >> divsocialshareico txthead **/
.divsocialshareico h3.txthead {
	float: left !important;
}

/** Imported CSS 2 >> divsocialshareico sfsi plus widget **/
.divsocialshareico .sfsi_plus_widget {
	height: 0 !important;
	min-height: auto !important;
	margin-top: 5px !important;
	margin-left: 10px !important;
	float: left !important;
}

/** Imported CSS 2 >> page template single quiz play footer **/
.page-template-single-quiz-play footer {
	display: none !important;
}


/*= Imported CSS 1 _2 ========= */

/** Imported CSS 1 _2 >> Footer widgets heading h2 **/
#footer-widgets .heading-h2 {
	color: #fff !important;
	font-size: 19px !important;
	margin-bottom: 35px !important;
	position: relative !important;
}

/** Imported CSS 1 _2 >> Site footer link **/
.site-footer a {
	color: rgb(255, 255, 255) !important;
}

/** Imported CSS 1 _2 >> Site footer link Copy 1 **/
.site-footer a:hover {
	color: rgb(79, 103, 141) !important;
}


/*= Grid startsidan =========== */

/** Grid startsidan >> pp content grid post **/
.pp-content-grid-container {
	height: 100% !important;
	display: -webkit-box !important;
	display: -moz-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-flex-flow: column nowrap !important;
	-moz-flex-flow: column nowrap !important;
	-ms-flex-flow: column nowrap !important;
	flex-flow: column nowrap !important;
	-webkit-align-content: flex-start !important;
	align-content: flex-start !important;
}

/** Grid startsidan >> Main pp content grid post image **/
.pp-content-grid-post-image {
	min-height: 200px !important;
	padding-top: 0 !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/** Grid startsidan >> Pp content posts image **/
.pp-content-grid-post-image {
	width: 120% !important;
	max-height: 200px !important;
	position: relative !important;
	display: block !important;
	overflow-y: hidden !important;
}

/** Grid startsidan >> Pp content posts image Image **/
.pp-content-grid-post-image img {
	width: 400% !important;
	position: relative !important;
	transform: translateY(-10%) !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.2s !important;
	-moz-transition-duration: 0.2s !important;
	-webkit-transition-duration: 0.2s !important;
	transition-duration: 0.2s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	display: block !important;
}

/** Grid startsidan >> Pp content posts image Image Hover **/
.pp-content-grid-post-image img:hover {
	width: 400% !important;
	position: relative !important;
	transform: translateY(-10%) scale(1.05, 1.05) !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.2s !important;
	-moz-transition-duration: 0.2s !important;
	-webkit-transition-duration: 0.2s !important;
	transition-duration: 0.2s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	display: block !important;
}

/** Grid startsidan >> Post grid post category i bilden **/
.pp-content-grid-post-category {
	color: rgb(255, 255, 255) !important;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.51)) !important;
	width: 100% !important;
	height: 100px !important;
	position: absolute !important;
	bottom: 0 !important;
	z-index: 2 !important;
}

/** Grid startsidan >> PP content post image category text i bild **/
.pp-content-grid-post-category a {
	color: rgb(255, 255, 255) !important;
	font-size: 12px !important;
	position: relative !important;
	top: 73px !important;
	left: 16px !important;
}

/** Grid startsidan >> Pp content grid post title link **/
.pp-content-grid-post-title > a {
	color: rgb(42, 42, 42) !important;
	font-size: 18vw !important;
	line-height: 22px !important;
	-webkit-align-self: flex-start !important;
	align-self: flex-start !important;
}

/** Grid startsidan >> Category quiz tema pp content grid post text **/
.pp-content-grid-post-text {
	padding: 15px 10px 5px 15px !important;
	-webkit-align-self: flex-start !important;
	align-self: flex-start !important;
}

/** Grid startsidan >> Pp content grid post excerpt paragraph **/
.pp-content-grid-post-excerpt > p {
	font-weight: normal !important;
	padding-top: 0 !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
	margin-bottom: 12px !important;
	position: relative !important;
}

/** Grid startsidan >> Post 1755 pp content grid post more link **/
.pp-content-grid-post-more-link {
	color: rgb(255, 255, 255) !important;
	font-weight: normal !important;
	text-align: center !important;
	background-color: rgb(51, 122, 183) !important;
	width: 100% !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	margin-top: auto !important;
	border-radius: 4px !important;
}

/** Grid startsidan >> pp content grid post more link Hover **/
.pp-content-grid-post-more-link:hover {
	color: rgb(255, 255, 255) !important;
	font-weight: normal !important;
	text-align: center !important;
	background-color: rgb(79, 103, 141) !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	border-radius: 4px !important;
}

/** Grid startsidan >> Pp content grid post more link link **/
.pp-content-grid-post-more-link > a {
	color: rgb(255, 255, 255) !important;
	font-size: 14px !important;
}

/** Grid startsidan >> Woocommerce tabs wc tabs **/
.woocommerce-tabs > .wc-tabs {
	display: none !important;
}

/** Grid startsidan >> Tab description heading 2 **/
#tab-description > h2 {
	display: none !important;
}

/** Grid startsidan >> Wc has gallery pp content grid post excerpt **/
.pp-content-grid-post-excerpt {
	font-size: 12px !important;
	padding-right: 15px !important;
	padding-left: 15px !important;
}

/** Grid startsidan >> Tab description unordered list **/
#tab-description > ul {
	padding-top: 14px !important;
}

/** Grid startsidan >> Tab description heading 4 **/
#tab-description > h4 {
	font-size: 18px !important;
	line-height: 22px !important;
}

/** Grid startsidan >> Pp content grid post title link _2 **/
.pp-content-grid-post-title > a {
	font-size: 18px !important;
	line-height: 26px !important;
	padding-top: 15px !important;
	display: block !important;
}

/** Grid startsidan >> Tab description paragraph **/
#tab-description > p {
	margin-bottom: 0 !important;
}

/** Grid startsidan >> Customer details woocommerce additional fields **/
#customer_details .woocommerce-additional-fields {
	display: none !important;
}

/** Grid startsidan >> Woocommerce button **/
.woocommerce .button {
	color: rgb(255, 255, 255) !important;
	margin-right: 3px !important;
	margin-bottom: 3px !important;
	border-radius: 4px !important;
}

/** Grid startsidan >> Pp content grid post title link _3 **/
.pp-content-grid-post-title > a {
	padding-top: 0 !important;
}


/*= Quiz-results ============== */

/** Quiz-results >> Rubrik resultat **/
.qsm_results h1 {
	font-size: 24px !important;
	margin-top: 20px !important;
	margin-bottom: 0 !important;
}

/** Quiz-results >> Frågan h4 **/
.mlw_qmn_question  h4 {
	font-size: 12px !important;
	margin-bottom: 0 !important;
}

/** Quiz-results >> Rätt svar **/
.qsm-text-correct-option.qsm-text-user-correct-answer, 
.qsm-text-correct-option, 
.qmn_correct_answer {
	color: rgb(2, 180, 0) !important;
	display: table-row-group !important;
}

/** Quiz-results >> Rätt svar Before **/
.qsm-text-correct-option.qsm-text-user-correct-answer:before {
	font-family: dashicons !important;
	margin-right: 2px !important;
	position: relative !important;
	top: 1px !important;
	content: "\f12a" !important;
}

/** Quiz-results >> svar **/
.qsm-text-simple-option {
	display: block !important;
}

/** Quiz-results >> svar before **/
.qsm-text-simple-option:before, 
.qsm-text-correct-option:before {
	font-family: dashicons !important;
	margin-right: 2px !important;
	position: relative !important;
	top: 1px !important;
	content: "\f159" !important;
}

/** Quiz-results >> fel svar **/
.qsm-text-wrong-option {
	color: rgb(219, 21, 21) !important;
	display: block !important;
}

/** Quiz-results >> fel svar before **/
.qsm-text-wrong-option:before {
	font-family: dashicons !important;
	margin-right: 2px !important;
	position: relative !important;
	top: 1px !important;
	content: "\f153" !important;
}


/*= WOO ======================= */

/** WOO >> Länk på kvittot **/
.ppw-woo-link-info a {
	color: rgb(219, 90, 0) !important;
	text-decoration: underline !important;
}

/** WOO >> Post 1733 woocommerce MyAccount navigation link members area **/
#post-1733 .woocommerce-MyAccount-navigation-link--members-area {
	display: none !important;
}

/** WOO >> Post 1733 woocommerce MyAccount navigation link downloads **/
#post-1733 .woocommerce-MyAccount-navigation-link--downloads {
	display: none !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Main Menu ================= */

	/** Main Menu >> Menu quick menu menu item 518 **/
	#menu-quick-menu > #menu-item-518 {
	padding-left: 24px !important;
}


	/*= Header ==================== */

	/** Header >> Heading startsidan **/
	.fl-col-group-custom-width > .fl-node-60814fdbf02a5 {
	width: 70% !important;
	position: relative !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= Main Menu ================= */

	/** Main Menu >> Menu quick menu menu item 518 **/
	#menu-quick-menu > #menu-item-518 {
	width: auto !important;
	float: right !important;
}

	/** Main Menu >> Menu item 1797 **/
	#menu-item-1797 {
	float: left !important;
}

	/** Main Menu >> Quickmenyn **/
	.fl-node-603e4f2e14582 > .fl-module-content {
	position: relative !important;
	float: right !important;
}

	/** Main Menu >> Fl module content fl button width custom **/
	.fl-module-content > .fl-button-width-custom {
	padding-top: 0 !important;
	margin-right: -13.47% !important;
	float: right !important;
}

	/** Main Menu >> Fl button width custom fl button **/
	.fl-button-width-custom > .fl-button {
	padding: 8px 10px 8px 10px !important;
}


	/*= Header ==================== */

	/** Header >> Heading startsidan **/
	.fl-col-group-custom-width > .fl-node-60814fdbf02a5 {
	
}

	/** Header >> Fl node 60814fdbf02a7 fl heading **/
	.fl-node-60814fdbf02a7 .fl-heading {
	font-size: 40px !important;
	padding-top: 13% !important;
}


	/*= Content =================== */

	/** Content >> Fl slide content fl slide title **/
	.fl-slide-content > .fl-slide-title {
	margin-top: 0 !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

	/*= Main Menu ================= */

	/** Main Menu >> Menu quick menu menu item 518 **/
	#menu-quick-menu > #menu-item-518 {
	padding-left: 27px !important;
}

	/** Main Menu >> Quickmenyn **/
	.fl-node-603e4f2e14582 > .fl-module-content {
	position: relative !important;
	float: right !important;
}


	/*= Header ==================== */

	/** Header >> Fl node 60814fdbf02a7 fl heading **/
	.fl-node-60814fdbf02a7 .fl-heading {
	font-size: 6vw !important;
	padding-top: 5% !important;
}


}


/*( screen and min-width:320px and max-width:767px (imp) )*/
@media screen and (min-width:320px) and (max-width:767px) {

	/*= Imported CSS 1 ============ */

	/** Imported CSS 1 >> header 1 logo +3 more **/
	.header-1 .logo, 
.header-5 .logo, 
.header-style3 .logo, 
.header-top .logo {
	max-width: 100% !important;
}

	/** Imported CSS 1 >> menu toggle **/
	.menu-toggle {
	color: #000 !important;
}

	/** Imported CSS 1 >> header 2 vb login & header 2 create post login **/
	.header-2 .vb-login, 
.header-2 .create-post-login {
	margin: 0 !important;
}

	/** Imported CSS 1 >> main content area **/
	.main-content-area {
	margin-top: 10px !important;
}

	/** Imported CSS 1 >> footer widget **/
	.footer .widget a {
	text-align: left !important;
	margin-bottom: 25px !important;
}

	/** Imported CSS 1 >> page header imgae **/
	.page-header-imgae {
	display: none !important;
}

	/** Imported CSS 1 >> page title section page header text **/
	.page-title-section .page-header-text {
	margin-right: 0 !important;
}


}


/*( screen and max-width: 1023px and min-width: 768px (imp) )*/
@media screen and (max-width: 1023px) and (min-width: 768px) {

	/*= Imported CSS 1 ============ */

	/** Imported CSS 1 >> menu toggle **/
	.menu-toggle {
	color: #000 !important;
}

	/** Imported CSS 1 >> header 2 vb login & header 2 create post login **/
	.header-2 .vb-login, 
.header-2 .create-post-login {
	margin: 0 !important;
}

	/** Imported CSS 1 >> main content area **/
	.main-content-area {
	margin-top: 0 !important;
}

	/** Imported CSS 1 >> footer widget **/
	.footer .widget a {
	text-align: left !important;
	margin-bottom: 25px !important;
}


}


/*( screen and min-width:320px and max-width:540px (imp) )*/
@media screen and (min-width:320px) and (max-width:540px) {

	/*= Imported CSS 2 ============ */

	/** Imported CSS 2 >> rounded **/
	h2.rounded {
	font-size: 1.3em !important;
}

	/** Imported CSS 2 >> post item post thumb _2 **/
	.small-post-list .post-item .post-thumb {
	margin: 0 auto 5px auto !important;
	float: inherit !important;
}

	/** Imported CSS 2 >> post item content _2 **/
	.small-post-list .post-item .content {
	text-align: center !important;
	width: 100% !important;
	margin-bottom: 8px !important;
	display: table !important;
}


}