/*
 Theme Name:     Infoo.se
 Author:         Marcus Abrahamsson, Vildmarksdata AB
 Author URI:     https://www.vildmarksdata.se
 Template:       enfold
 Version:        1.0c
*/


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

/*html * {
    font-family: Questrial !important;
}*/

::selection {
    background: #46c2f9;
}
a {
    color: #2daee1;
}
body, p {
	font-size: 15px;
}
#top #wrap_all ins:before {
    display: none;
}
.entry-content p:first-child {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.44px;
	margin-top: 24px;
}

.entry-content p {
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.34px;
}

.add-site-button-footer .avia-button {
    padding: 10px 32px 17px 31px;
    font-family: museo !important;
  font-size: 15px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.93;
  letter-spacing: 0.9px;
	text-transform: uppercase;
	transition: box-shadow .4s, transform .4s;
}
.add-site-button-footer .avia-button .avia_button_icon {
	font-size: 30px;
	top: 5px;
}

.add-site-button-footer .avia-button:hover {
    transition: box-shadow 0.3s ease-in-out, transform .4s ease-in-out;
	transform: scale(1.1);
}
/* Header */

.main_color {
    border: none;
}
.main_menu span{
font-weight:400;
font-size: 15px;
letter-spacing: 0.4px;
line-height: 0.93;
}

.logo img {
padding-top:15px;
}

#top #header .header_bg {
    background-color: transparent !important;
    opacity: 0 !important;
    filter: alpha(opacity=0) !important;
 }
 #top #main {
    padding-top: 0 !important;
	 position: relative;
 }
 html #top #search-hero .container {
    padding-top: 88px !important;
 }

 #header #header_main {
    border-bottom: transparent;
 }

.header-scrolled #header_main img {
    padding-top: 8px;
}


.title_container .container .breadcrumb {
    min-height: 0px !important;
    left: 5%;
}

.title_container .container .breadcrumb span {
    font-weight: 200;
}

.title_container .container {
    min-height: 0px !important;
}

.breadcrumb-title {
    font-weight: 800 !important;
}

.header-links a {
color: #025174;
}

/* Search field - Hero */
#search-hero .template-page {
    padding: -50px 0;
}

.home #search-hero .template-page {
    padding: 150px 0;
}

#search-hero .screen-reader-text {
    display: none;
}

#search-hero .avia_codeblock_section {
    text-align: center;
}

#search-hero form.search-form {
    margin-bottom: 10px;

}

#search-hero input[type="search"] {
    position: relative;
    font-size: 19px;
    padding-right: 60px !important;
    margin-bottom: 10px;
    border-radius: 25px;
    border: none;
    height: 55px;
    padding-left: 20px;
    outline: none;
}

/* clears the 'X' from IE */
input[type=search]::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input[type=search]::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}


#search-hero button {
    background-color: white;
    color: black;
    border-radius: 25px;
    height: 45px;
    border: none;
    width: 70px;
}

#search-hero .search-submit {
    position: absolute;
    top: 0;
    background-color:#F7F7F7;
    right: 0;
    height: 55px;
}


#search-hero .search-submit:hover {
   cursor: pointer;
}

#search-hero .search-submit svg {
    font-size: 20px;
}

.add-site-button .button {
    font-family:museo !important;
}

.add-site-button .fa-plus-circle {
    font-size: 24px;
    margin-right:10px;
    padding-top:5px;
}

.add-site-button {
    position: absolute;
    right: 0;
    top: 152px;
}

.home .add-site-button {
    top: 352px;
}


.add-site-button .site-button {
    text-transform: uppercase;
    padding: 1.5em 0.7em;
    background: #f8ea1b !important;
    color: #000 !important;
    z-index: 9;
    position: relative;
    border-bottom-left-radius: 25px !important;
    border-top-left-radius: 25px !important;
	font-size: 15px;
	font-weight: 600;
}

.add-site-button:after {
    content: "";
    position: absolute;
    width: 200%;
    height: 65px;
    bottom: -68px;
    z-index: 1;
    left: -4px;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
    border-bottom-left-radius: 25px !important;
    border-top-left-radius: 25px !important;
	overflow: hidden;
}

/* ---------- */



/* Footer */

#footer .first .widget a {
    color: #ecff50;
}

h3.widgettitle {
    color: #fff;
}

#footer #nav_menu-2 h3 {
    font-size: 15px;
    line-height: 14px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
    color: #fff;
}

#footer #nav_menu-2 #menu-footer-meny li a {
    padding: 0px;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: 0.3px;
    color: #fff;
}


/* ---------- */
/* Socket */
#socket .copyright,
.socket-container {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.socket-item {
    width: 50%;
    text-align: center;
}

.socket-item.left {
	text-align: left;
	line-height: 40px;
}
.socket-item.right {
	text-align: right;
}
.socket-item.right img {
	height: 40px;
}

.widget_nav_menu {
    float: right;

}

.widget_nav_menu .menu-item a:before {
    content: "›";
    margin-right: 5px;

}

/* ---------- */

/* Home - Startpage */

.category-item-container-wrapper {
	clear: both;
    position: relative;
    background-color: #f8f8f8;
    padding-top: 69px;
      -webkit-box-shadow:  -12px 50px -20px black;
    -moz-box-shadow:  0 -12px 50px -20px black;
    box-shadow:  0 -12px 50px -20px black;
}


.category-thumbnail-container {
    justify-content: left;
    display: inline-flex;
    flex-wrap: wrap;
    margin:0 auto;
	margin-bottom: 110px;
}

.iconbox {
    display: flex;

}

.category-box {
    width: calc(50% - 10px);
    /*margin: 5px;*/
	margin-bottom: 10px;
    height: 120px;
    background-color: white !important;
    transition: box-shadow .4s, transform .4s;
    /* Animation */
    box-shadow: 3px 4px 8px 0 rgba(0, 0, 0, 0.05);
	cursor: pointer;
}
.category-thumbnail-container .category-box:nth-child(2n +2) {
	margin-left: 10px;
}

.category-box:hover {
    transform: scale(1.1);
    box-shadow: 0 0 40.5px 0 rgba(45, 170, 225, 0.46);
}

.category-box h3 {
    font-size: 18px;
    font-weight:500;
    text-transform: none !important;
	letter-spacing: 0.4px;
	text-align: left;
}

.category-box .entry-content-header {
    /* max-height:19px; */
    overflow:hidden;
}

.category-box .iconbox_content_container {
    max-height:45px;
    overflow:hidden;
}

.sub-cat-delimiter:last-child {
display: none;
}

.category-box p {
    font-size: 13px;
    text-align: left;
    color: #979797;
    margin-top:3px;
    max-height:14px;
}
.category-box a:hover {
text-decoration:none;
}

.category-box a {
    color: #525252;
	width: 100%;
}
.category-icon-area {
    padding: 20px;
    padding-top: 50px;
	width: 25%;
	text-align: center;
	float: left;
}
.category-box .iconbox_icon::before {
	font-family: 'fontello';
}

.category-box .iconbox_content {
    border-left: 1px solid rgba(212, 209, 209, .5);
    padding: 30px;
    height: 100%;
	width: 75%;
	float: left;
}

.iconbox_icon {
    font-size: 60px;
}

.iconbox_icon.artiklar::before,
.iconbox_icon.artikel::before,
.iconbox_icon.artiklar-2::before {
	content:"\e84d";
	font-family: 'entypo-fontello';
}

.iconbox_icon.ovrigt::before,
.iconbox_icon.ovrigt-2::before {
	content:"\e851";
	font-family: 'entypo-fontello';
}

.iconbox_icon.bloggar::before,
.iconbox_icon.bloggar::before {
	content:"\e800";
}

.iconbox_icon.datorer::before,
.iconbox_icon.datorer-2::before{
	content:"\e801";
}

.iconbox_icon.halso-och-sjukvard::before,
.iconbox_icon.halso-och-sjukvard-2::before {
	content:"\f0f9";
}

.iconbox_icon.hus-och-hem::before,
.iconbox_icon.hus-och-hem-2::before {
	content:"\e802";
}

.iconbox_icon.industri-och-transport::before,
.iconbox_icon.industri-och-transport-2::before {
	content:"\e803";
}

.iconbox_icon.kultur::before,
.iconbox_icon.kultur-2::before {
	content:"\f1fc";
}

.iconbox_icon.kultur-nojen-och-evenemang::before,
.iconbox_icon.kultur-nojen-och-evenemang-2::before {
	content:"\f1fc";
}

.iconbox_icon.massmedia::before,
.iconbox_icon.massmedia-2::before {
	content:"\f1ea";
}

.iconbox_icon.naringsliv::before,
.iconbox_icon.naringsliv-2::before {
	content:"\f1ad";
}

.iconbox_icon.nojen-och-fritid::before,
.iconbox_icon.nojen-och-fritid-2::before {
	content:"\f1e3";
}

.iconbox_icon.offentlig-forvaltning::before,
.iconbox_icon.offentlig-forvaltning-2::before {
	content:"\f19c";
}

.iconbox_icon.personliga-hemsidor::before,
.iconbox_icon.personliga-hemsidor-2::before {
	content:"\e800";
}

.iconbox_icon.politik::before,
.iconbox_icon.politik-2::before {
	content:"\e805";
}

.iconbox_icon.referenser-2::before,
.iconbox_icon.referenser::before {
	content:"\e807";
}

.iconbox_icon.samhalle::before,
.iconbox_icon.samhalle-2::before {
	content:"\e804";
}

.iconbox_icon.utbildning::before,
.iconbox_icon.utbildning-2::before {
	content:"\f19d";
}

.iconbox_icon.vetenskap::before,
.iconbox_icon.vetenskap-2::before {
	content:"\f2de";
}
.iconbox_icon.okategoriserad::before{
	content:"\e8ae";
	font-family: 'entypo-fontello';
}

.category-box:hover .category-icon-area a {
    color:#2daae1;
    transition: color 0.3s;
}

.random-link-section .alm-btn-wrap {
	display: none;
}

.random-link-section .avia-button {
    min-width: 270px !important;
    background: #f8ea1b !important;
    color: #000 !important;
    outline: none;
    border-radius: 25px;
    height: 60px;
    border: none;
    /* width: 112%; */
    font-family: museo !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 0.93;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    transition: box-shadow .4s, transform .4s;
    margin: 70px 0;
}

.random-link-section .avia-button:hover {
    transition: box-shadow 0.3s ease-in-out, transform .4s ease-in-out;
	transform: scale(1.1);
}

.entry-content-wrapper button {
	height: 62px;

}

.random-link-section button:hover {
  cursor: pointer;
}


.random-link-section svg {
    margin-right: 10px;
    float:right;
    height:1.5em !important;
    width:1.5em !important;
}

.random-link-section .button-section {
    margin: auto;
    width: 25%;
}

.random-link-section .button-section button:hover {
   text-decoration:underline;
}
.random-link-section .button-section button {
   font-family:Museo !important;
   font-weight:400;
   font-size:15px;
   text-align:left;
   padding-left:25px;
   padding-top:3px;
}
.random-category-section .container h4{
    font-size:26px;
    font-family: Museo !important
}

.random-category-section .container .av-special-heading-h4 .special-heading-border{
    height:2.0em;
}
.random-category-section .container .special-heading-inner-border{
    border:solid 1px;
    opacity:1;
    border-color:black;
}

.popular-categories-wrapper, .random-posts {
	margin-top: 24px;
}

.popular-categories-wrapper a {
	font-size: 30px;
	line-height: 21px;
	letter-spacing: 0.6px;
}

.popular-categories-wrapper .iconbox_content_container p a {
	color: #979797;
	font-size: 18px;
	line-height: 21px;
}

.random-posts .details a {
	font-size: 18px;
	line-height: 21px;
	letter-spacing: 0.36px;
}

.random-posts .details a:hover, .random-posts .details a:active, .random-posts .details a:visited, .random-posts .details a:focus {
    text-decoration: none;
}

.random-posts .details p, .random-posts .details p a {
	font-size: 15px;
	line-height: 26px;
	letter-spacing: 0.3px;
	color: #979797;
}

.random-posts .details p span {
    color: #028fd7;
    margin-left: 5px;
}

.random-posts .details p span:hover, .random-posts .details p span:active, .random-posts .details p span:visited, .random-posts .details p span:focus {
    text-decoration: underline;
}


/* ---------- */

/* --Review Page-- */

#av_section_1 .container {
    padding-top: 0px !important;

}

.add-site-hero {
    justify-content: center;
}

.add-site-hero .flex_column .icon {
    padding: 25px;
    transition: transform .4s;
}

.add-site-hero .flex_column:hover .icon {
    justify-content: center;
    transform: scale(1.12);
}

.add-site-hero a {
    background-color: pink;
}

.add-site-hero p {
    padding: 25px;
    padding-top: 0px;
    font-size: 12px;
    font-weight: 100;
}

.add-site-hero .flex_column {
    margin-left: 0;
    width: 33%;
    display: table-cell;
    margin-bottom: 40px;
    min-height: 350px;
}

.add-site-hero .input-field {
    background-color: #2e393e !important;
    text-align: center;
    font-size: 10px !important;
    border: none !important;
    width: 60% !important;
    margin: auto !important;
}

.add-site-hero input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */
}

.add-site-hero .avia-button-wrap {
    position: relative;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: -25px;
}

.add-site-hero .avia-button {
	transition: transform .4s;
    border-radius: 25px;
    background-color: white;
    color: black !important;
    box-shadow: 8px 10px 0 0 rgba(0, 0, 0, 0.15);
    border: none;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 14px;
	transition: box-shadow .4s, transform .4s;
}

.add-site-hero .avia-button:hover {
    transition: box-shadow 0.3s ease-in-out, transform .4s ease-in-out;
    background-color: #e3f7fe;
    opacity: 1;
	transform: scale(1.12);
}

.avia_iconbox_title {
	font-size: 15px;
	line-height: 14px;
	letter-spacing: 0.9px;
	font-weight: 600;
}

.avia-button   .avia-icon_select-yes-right-icon .avia-color-custom .avia-size-large .avia-position-center .avia_button_icon .avia_button_icon_right {
	font-size: 15px;
	float: right;
	margin-left: 15px;
}

/* --------------- */


/* --- ADD SITE 1 ---*/

.add-site-1.container {
	padding: 0;
}
.add-site-1 #business-form,
.add-site-1 #individual-form,
.add-site-1 .add-site-content{
	background: #fff;
	padding: 0 65px;
	display: block;
}
.add-site-1 .form-section {
    padding-top: 40px;
    background-color: #f8f8f8;
    background-image: url("pattern-1.png");
}

.add-site-1 .form-section h2 {
    text-align: center;
    font-weight: 800;
    padding: 20px;

}

#checkout-products {
	margin: 0;
	display: flex;
}

.add-site-1 .customer-choice,
#checkout-products .product-item {
    width: 50%;
    background-color: white;
    color: #525252;
    display: flex;
    flex-direction: row;
    transform: scale(0.90);
    transition: all .2s ease-in-out;
    box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.07);
	margin: 0;
}
.add-site-1 .customer-choice {
	padding: 25px 60px;
}
.add-site-1 .customer-choice span {
	font-family: Questrial;
  	font-size: 30px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 60px;
  	letter-spacing: 0.6px;
	text-transform: uppercase;
	margin-left: 32px;
}
.add-site-1 .customer-choice input {
	height: 0;
	margin: 0;
	border: 0;
	-webkit-appearance: initial;
    -moz-appearance: button-focus;
}

.add-site-1 .customer-choice h2 {
    font-size: 22px;
}

.add-site-1 .customer-choice:hover {
    cursor: pointer;
}

.add-site-1 .chosen,
#checkout-products .product-item.selected{
    transform: scale(1);
    transition: all .2s ease-in-out;
    color: #2daae1;
    box-shadow: 0 0 0px #ccc;
}

.add-site-1 .form-section .customer-choice h2,
#checkout-products .product-item{
    color: #525252;
    padding: 10px;
    margin-bottom: 0px;
    margin-top: auto;
    margin-bottom: auto;
    font-weight: 100;
}

.add-site-1 .form-section form,
#customer_details,
#order_review_heading,
#order_review,
#wc_checkout_add_ons {
   background-color: #fff;
   padding: 20px 65px 50px 65px;
   margin-bottom: 0;
}
.addon-links {
   background-color: #fff;
   padding: 20px 65px 50px 65px;
   margin-bottom: 0;
   margin-top: -50px;
}
#wc_checkout_add_ons .woocommerce-Price-amount,
#wc_checkout_add_ons .optional {
	display: none;
}
#top.woocommerce-checkout #payment .woocommerce-terms-and-conditions {
	background: #fff;
	padding: 1em;
}
#top.woocommerce-checkout #payment .woocommerce-terms-and-conditions h3 {
    padding: 0 0 1em 0;
}
.add-site-1 .form-section input[type="submit"],
.woocommerce .place-order button {
    background-color: #2daae1;
    padding: 20px;
    border-radius: 25px;
    width: 250px;
    text-transform: uppercase;
    font-size: 15px;
    font-family: Museo;
    font-weight: 600;
    line-height: 14px;
}

.add-site-1 .form-section .radio-input h2 {
    text-transform: none;
    text-align: center;
    font-weight: 800;
}

.add-site-1 .form-section .text-input input[type="text"] {
    margin-bottom: 5px !important;
    background-color: #eeeeee !important;
}


.add-site-1 .form-section .select-input select {
    margin-bottom: 5px !important;
    background-color: #eeeeee !important;
}


.add-site-1 .form-section .text-input,
.add-site-1 .form-section .select-input,
.add-site-1 .form-section .links-input,
.add-site-1 .form-section .extra-links-input {
    padding-top: 10px;
    padding-bottom: 10px;
	width: 700px;
}

.add-site-1 .form-section textarea {
    resize: none;
    background-color: #eeeeee !important;
}

.add-site-1 .form-section .links-input {
   position: relative;
}

.add-site-1 .form-section svg {
    font-size: 44px;
    padding: 5px;
	margin-right: 10px;
}

.add-site-1 .form-section .radio-input {
    display: flex;
    padding-top: 15px;
}


.add-site-1 .form-section #data-agreement input[type="radio"] {
    display: flex;
    padding-top: 15px;
    margin-top: 13px;
}


.add-site-1 .form-section #data-agreement p {
    font-size: 13px;
}

.add-site-1 .form-section .input-content {
    padding-left: 7px;
}

.add-site-1 .dropdown-list {
    background-color: #eeeeee;
    color:#777777;
    margin-bottom:10px;
    margin-top:10px;
	padding: 5px 10px;
}

.add-site-1 .dropdown-list h4 {
  color:#777777;
  font-weight:200;
  font-size:16px;
  padding-left:10px !important;
  padding-top:2px !important;
}

.add-site-1 .dropdown-list #dropdown-icon {
    position: absolute;
    right: 0px;
    max-height:100%;
    height:0.6em;
}

.add-site-1 .dropdown-list #dropdown-icon:hover {
    cursor: pointer;
}

.add-site-1 .dropdown-list #social-media-icon {
    font-size:32px;

}

.add-site-1 .dropdown-list .dropdown-content {
    display:none;
}

#top .add-site-1 .dropdown-list .dropdown-content input {
    margin-bottom: 0;
}

/* Single-site page */

.single-site {
padding:20px;
}

#top .title_container .container h1 {
    padding-top: 43px;
}

.single-site h1 {
	padding-top: 43px;
	font-family: Museo !important;
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 0px;
}

.single-site p {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.4px;
	margin-top: 25px;
}

.single-site .site-urls {
display:flex;
flex-direction:row;
padding-top:20px;
padding-bottom:20px;
}

.single-site .site-urls p, .single-site .site-urls a {
	font-size: 15px;
	line-height: 25px;
	color: #2daae1;
}

.single-site  .icon-container {
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 20px;
    font-size:18px;

}

.single-site .site-location {
display:flex;
flex-direction:row;
padding-top:20px;
padding-bottom:20px;
}

.single-site .site-location {
	font-size: 15px;
	line-height: 25px;
	color: #000000;
}

.single-site .social-media-links {
padding-top:20px;
padding-bottom:20px;
}


.single-site .social-media-links .link-content {
display:flex;
flex-direction:row;
margin: 10px 0;
}

.single-site .social-media-links .link-content p {
	font-size: 15px;
	line-height: 26px;
	color: #2daee1;
}

/* --------------- */

/* Category-archive page */

.category-archive {
/*padding: 0 50px 20px 50px;
	padding-top: 0px;
 padding-top: 45px;
background-color: #f8f8f8;
justify-content: center;
display: inline-flex;
flex-wrap: wrap;
-webkit-box-shadow: -12px 50px -20px black;
-moz-box-shadow: 0 -12px 50px -20px black;
box-shadow: 0 -12px 50px -20px black;*/
}

.category-archive-container {
justify-content: left;
display: flex;
flex-wrap: wrap;
/*width: 93.7%;*/
margin: 0 auto;
margin-bottom: 55px;
margin-top: 36px;
}

.category-archive h1 {
  font-family: Museo !important;
  font-size: 40px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
	width: 100%;
	height: auto;
	margin: 10px 0 0 5px;
}

.category-archive-desc {
margin-left: 5px;
width: 100%;
font-size: 20px;
font-weight: normal;
font-style: normal;
font-stretch: normal;
line-height: 25px;
letter-spacing: 0.4px;
text-align: left;
color: #000000;
}

.category-archive-desc p {
	width: 70%;
	margin: 25px 0 67px 0;
}

.category-archive-container .iconbox_content {
	border-left: none;
	padding: 10px;
	padding-top: 15px;
	width: 100%;
}

.category-archive-container h3.iconbox_content_title {
	color: #2daae1;
	font-size: 20px;
	line-height: 18px;
	letter-spacing: 0.4px;
}
.category-archive-container .cat-count {
	color: #979797;
	font-size: 20px;
  text-align: right;
	float: right;
}

.category-archive .sites-wrapper {
	margin-top: 62px;
	padding-top: 0px;
	border: none;
}

.sites-wrapper a.title {
	color: #000000;
	text-decoration: none;
}

.sites-wrapper h3 {
	margin-bottom: 0;
	font-size: 22px;
	line-height: 25px;
	letter-spacing: 0.44px;
}

.sites-wrapper a.url {
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.34px;
	color: #2daee1;
}

.sites-wrapper .a-article-content a.text:hover, .sites-wrapper .a-article-content a.text:active, .sites-wrapper .a-article-content a.text:visited, .sites-wrapper .a-article-content a.text:focus {
    text-decoration: none;
}

.sites-wrapper .a-article-content p {
	margin-top: 0;
	color: #000000;
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.34px;
}



.category-archive .site-urls {
display:flex;
flex-direction:row;
padding-top:20px;
padding-bottom:20px;
}

.category-archive  .icon-container {
    margin-top: auto;
    margin-bottom: auto;
    padding-right: 20px;
    font-size:18px;
}

.category-archive .category-box {
	width: 23%;
	min-width: 23%;
	margin: 5px;
	height: 50px;
	background-color: white !important;
	transition: box-shadow .4s, transform .4s;
	box-shadow: 3.2px 3.8px 7.5px 0 rgba(0, 0, 0, 0.05);
	cursor: pointer;
}

.category-archive .site-location {
display:flex;
flex-direction:row;
padding-top:20px;
padding-bottom:20px;
}

.category-archive .social-media-links {
padding-top:20px;
padding-bottom:20px;
}


.category-archive .social-media-links .link-content {
display:flex;
flex-direction:row;
}
.annonsyta {
	padding-bottom: 20px;
}
div .alm-load-more-btn.avia-button {
    background: #f8ea1b !important;
    color: #000 !important;
    outline: none;
    border-radius: 25px;
    height: 60px;
    border: none;
    font-family: museo !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 0.93;
    letter-spacing: 0.9px;
    text-transform: uppercase;
    transition: box-shadow .4s, transform .4s;
    margin: 70px 0;
	cursor: pointer;
	min-width: 200px;
}
div .alm-load-more-btn.avia-button:hover {
    transition: box-shadow 0.3s ease-in-out, transform .4s ease-in-out;
    transform: scale(1.1);
}
div .alm-load-more-btn.alm-load-more-btn.done {
	opacity: 0.3;
	cursor: default;
    transform: scale(1);
}

/* --------------- */
/* Accordion element */
.togglecontainer .av_toggle_section p {
    font-weight: 400;
}

.togglecontainer .av_toggle_section .single_toggle .toggle_wrap {
    background-color: #f8f8f8;
}

.togglecontainer .av_toggle_section .single_toggle .activeTitle:hover {
    background-color: #707070;
    color: #ffffff;
}

.togglecontainer .av_toggle_section .single_toggle .activeTitle {
    background-color: #707070;
    color: #ffffff;
}

.togglecontainer .av_toggle_section .single_toggle p {
    background-color: #83d0f5;
    color: #ffffff;
}

.togglecontainer .av_toggle_section .toggle_content p, .bodyText {
    background-color: transparent;
    color: #707070;
	font-size: 15px !important;
	color: #000000;
	line-height: 25px !important;
	letter-spacing: 0.3px;
	font-family: 'Questrial' !important;
	font-weight: bold;
}

.togglecontainer .av_toggle_section .toggle_content p b {
    color: #000000;
}

.togglecontainer .av_toggle_section .toggle_content ul li.bodyText {
	font-size: 12px !important;
}

.togglecontainer .toggle_icon {
    background-color: white;
}

.togglecontainer .toggle_icon span {
    background-color: white;
    border-color: #83d0f5;
}

.togglecontainer .av_toggle_section .single_toggle .toggler {
	padding-left: 15px;
	padding-right: 35px;
}

.togglecontainer .toggle_icon {
	width: 20px;
	height: 20px;
	right: 10px;
	left: auto;
	border-radius: 10px;
}

.togglecontainer .toggle_icon .vert_icon {
	top: 3px !important;
	left: 7px !important;
}

.togglecontainer .toggle_icon .hor_icon {
	top: 7px !important;
	left: 3px !important;
}

/* ---------- */


/* Form element */
.avia_ajax_form .main_color {
	background-color: #eeeeee !important;
}

.avia_ajax_form h3 {
    font-size: 40px;
	font-weight: bold;
	font-family: Museo !important;
	line-height: 0.35;
	margin-bottom: 33px;
}

input[type="text"], input[type="email"], select, textarea {
	background-color: #eeeeee !important;
}

.avia_ajax_form select {
	margin-bottom: 0px !important;
}

.avia_ajax_form textarea {
    resize: none;
}

.avia_ajax_form input[type="submit"] {
    border-radius: 28px;
	background-color: #2daae1;
	text-transform: uppercase;
	border: none;
	width: 125px;
	height: 55px;
	font-family: Museo !important;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 0.93;
	letter-spacing: 0.9px;
}

.avia_ajax_form input[type="submit"]:hover {
    background-color: #46c2f9;

}

/* ---------- */



/* ----- Flex Container ----- */
.flex .alm-reveal {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: left;
}



.thumbnail-item {
	background: #fff;
    text-align: center;
    overflow: hidden;
    padding: 30px 20px;
    margin: 5px;
    flex: 1 0 24%;
    transition: box-shadow .4s, transform .4s;
    /* Animation */
    box-shadow: 5.1px 6.1px 0 0 rgba(2, 143, 215, 0.08);
	border: 1px solid #ebebeb;
}

.thumbnail-item:hover {
    transform: scale(1.02);
    /*box-shadow: 0 3px 6px 0 #ccc, 0 4px 15px 0 #ccc;*/
	box-shadow: 5.1px 6.1px 0 0 rgba(2, 143, 215, 0.08);
}


.thumbnail-item a {
    font-size: 15px;
    font-weight: 200;
    color:#028fd7;
	letter-spacing: 0.3px;
}

.thumbnail-item a:hover, .thumbnail-item a:active, .thumbnail-item a:visited, .thumbnail-item a:focus {
    text-decoration: none;
}

.thumbnail-item a p:last-child {
    font-size: 15px;
    font-weight: 200;
    color: #028fd7;
    letter-spacing: 0.3px;
}

.thumbnail-item a p:last-child:hover, .thumbnail-item a p:last-child:active, .thumbnail-item a p:last-child:visited,.thumbnail-item a p:last-child:focus {
    text-decoration: underline;
}


.thumbnail-item p {
    font-size: 15px;
    font-weight: 200;
    color: #707070;
    max-height: 100px;
    overflow: hidden;
	line-height: 1.73;
	letter-spacing: 0.4px;
}

.thumbnail-item h3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4;
	letter-spacing: 0.3px;
}

#av_section_2 h2{
font-family:museo !important;
text-transform:none;
font-size:32px;
font-weight:800;
padding-bottom:24px;


}


/* ---------- */

/* ---- Information page ---- */

.about-heading h1 {
	font-size: 40px;
	font-family: Museo!important;
	font-weight: bold !important;
	color: #000000;
	line-height: 14px;
	letter-spacing: normal;
}

.about-us-info p:first-child {
	font-size: 22px;
	line-height: 30px;
	letter-spacing: 0.44px;
	margin-top: 24px;
}

.about-us-info p {
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.34px;
}

.about-us-info a {
	font-size: 17px;
	line-height: 25px;
	letter-spacing: 0.34px;
	color: #2daae1;
	margin-top: 0px;
}

a.about-us-links::focus {
	text-transform: none;
}

.togglecontainer p.toggler {
	font-family: museo !important;
	font-size: 18px !important;
	line-height: 30px !important;
	font-weight: bold !important;
}
.togglecontainer p {
	font-size: 15px !important;
	color: #000000;
	line-height: 25px !important;
	letter-spacing: 0.3px;
	font-family: 'Questrial' !important;
}

/* ---------- */

/* ---- News page ---- */

.news-separator .hr-inner {
	width: 75%;
	float: right;
	background-color: #2daae1;
	height: 2px;
}
.alm-reveal hr {
	width: 75%;
	background-color: #2daae1;
	height: 2px;
	float: right;
	margin-top: 5px;
}
.day-sep {
  font-family: Museo;
  font-size: 20px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.7;
  letter-spacing: normal;
  text-align: left;
  color: #2daae1;
}
.day-sep:before {
  font-family: 'fontello';
	content:"\e808";
	margin-right: 10px;
}

.flex-news .alm-reveal {
	opacity: 1;
	height: auto;
	display: flex;
	flex-wrap: wrap;
	margin: auto;
	justify-content: left;
}

.flex-item {
	max-width: 360px;
	/* height: 150px; */
	height: auto;
	background: #fff;
	text-align: left;
	/* width: 270px; */
	overflow: hidden;
	padding: 30px 20px;
	margin: 15px;
	flex: 1 0 300px;
	/* max-width: 300px; */
	transition: box-shadow .4s, transform .4s;
	/*box-shadow: 0 2px 4px 0 #ccc, 0 3px 10px 0 #ccc;*/
	box-shadow: 3.2px 3.8px 7.5px 0 rgba(0, 0, 0, 0.05);
}

.flex-item:hover, .flex-item:active, .flex-item:visited {
    text-decoration: none;
}

.flex-item h3 {
	margin-bottom: 0px;
}

.flex-item p {
	font-size: 15px;
	color: #979797;
	line-height: 21px;
	letter-spacing: 0.3px;
	margin-top: 0;
	max-height: 42px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
	text-align: justify;
	padding-right: 1em;
	margin-bottom: 0px;
}

.flex-item p:before {
	content: '...';
	position: absolute;
	right: 4px;
	bottom: 0;
}

.flex-item p:after {
  content: '';
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.flex-item a.read-more i {
	border: solid #2dabe1;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 2px;
	margin-left: 2px;
	margin-bottom: 1px;
}

.flex-item span:hover, .flex-item span:active, .flex-item span:visited {
    text-decoration: underline
}

.flex-item a.read-more .right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* ---------- */

/* Anmäl page */

.anmal-site-header h2 {
	font-family: Museo !important;
	font-weight: bold !important;
	font-size: 40px;
	/* line-height: 14px; */
	text-transform: none !important;
	margin-bottom: 32px !important;
}

p.anmal-site-info {
	font-size: 20px;
	line-height: 25px;
	letter-spacing: 0.4px;
}

h3.delete-link-header {
	font-size: 15px;
	line-height: 14px;
}

.delete-link-info {

}

/* ---------- */

/* Quality mark page */

h1.quality-mark-header {
	font-size: 40px;
	font-family: Museo !important;
	font-weight: bold !important;
	color: #000000;
	text-transform: none !important;
}

p.quality-mark-info {
	background-color: transparent;
	color: #707070;
	font-size: 15px !important;
	color: #000000;
	line-height: 25px !important;
	letter-spacing: 0.3px;
	font-family: 'Questrial' !important;
	font-weight: bold;
}

/* ---------- */

/* Skapa sajt page */

.make-site h1 {
	font-size: 40px;
	font-family: Museo !important;
	font-weight: bold !important;
	color: #000000;
}

.make-site p {
	background-color: transparent;
	color: #707070;
	font-size: 17px !important;
	color: #000000;
	line-height: 25px !important;
	letter-spacing: 0.3px;
	font-family: 'Questrial' !important;
	font-weight: bold;
}

.make-site p:first-of-type {
    font-size: 20px !important;
}

#business-form .radio-input input[type='radio']:checked:after {
	width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #ffa500;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
}

#business-form .radio-input input[type='radio']:after {
	width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d1d3d1;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid white;
}

/* ---------- */

/* Produkt site page */

h1 {
	font-size: 40px;
	font-family: Museo !important;
	font-weight: bold !important;
	color: #000000;
	text-transform: none !important;
}

p.quality-mark-info {
	background-color: transparent;
	color: #707070;
	font-size: 17px !important;
	color: #000000;
	line-height: 25px !important;
	letter-spacing: 0.3px;
	font-family: 'Questrial' !important;
	font-weight: bold;
}

p.quality-mark-info:first-of-type {
    font-size: 22px !important;
}

/* ---------- */

/* Widget area */


#top #main .sidebar, .template-page, .single-site {
	border: none;
}

.container_wrap .avia-builder-el-first h4 {
    font-size: 20px;
}

/* .container_wrap .av_textblock_section .avia_textblock p {
    font-size: 17px;
    line-height: 25px;
    letter-spacing: 0.34px;
}

.container_wrap .av_textblock_section .avia_textblock p:first-of-type {
    font-size: 22px !important;
} */
.inner_sidebar section {
	padding-top: 0;
}
.inner_sidebar .widget h3.widgettitle {
    font-size: 20px;
    font-family: Museo;
    line-height: 14px;
    font-weight: bold;
    text-align: left;
    padding-top: 23px;
    margin-bottom: 28px;
    color: #000;
	overflow: hidden;
}

.inner_sidebar .widget h3.widgettitle:after {
    content:"";
    display: inline-block;
    height: 7px;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 10px;
    border-top: 1px solid black;
}

.inner_sidebar .widget .category-list {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.3px;
}

.inner_sidebar .widget .textwidget p {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.3px;
}

/* ---------- */

/* Blog page */

.template-blog .content {
    border: none;
}

.template-blog h1.post-title {
    font-family: Museo !important;
    font-size: 40px;
    line-height: 14px;
    font-weight: bold;
    margin: 10px 0 30px 0;
}

.template-blog .post-meta-infos {
    font-size: 16px;
}

/*.template-blog .entry-content p {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0.4px;
    color: #000000;
}*/

.template-blog .comment-entry, .template-blog .post_delimiter{
    display: none;
}

/* ---------- */

/* Modal page */
.page-id-200623 #search-hero,
.page-id-200623 .title_container,
.page-id-200623 #main .sidebar,
.page-id-200623 .add-site-button,
.page-id-200623 #wpadminbar {
	display: none !important;
}
.page-id-200623 main {
	width: 100% !important;
}
@media only screen and (max-width: 767px) {
	.mfp-iframe-scaler {
		padding-top: 100%;
	}
}

/* Responsive */
@media only screen and (max-width: 990px) and (min-width: 767px) {

    /* Home - Startpage */

    .add-site-button {
        display: none;
    }

    .category-box {
        text-align: center;
    }

    .category-box .iconbox_content {
        border-left: none;
        padding: 15px;
    }

	.category-archive .category-box {
		width: 47%;
	}

    .flex .alm-reveal .thumbnail-item {
        flex: 1 0 42%;
        max-width: 100%;
    }

    .random-link-section svg {
    margin-right: 3px;
    height:1.0em !important;
    width:1.0em !important;
}

	.about-heading h1 , h2.quality-mark-header , .avia_ajax_form h3 , .single-site h1 , .anmal-site-header h2 ,
	.make-site h1 {
		font-size: 32px;
	}

	.alm-reveal hr {
		width: 60%;
	}

	.add-site-1 .form-section .text-input {
		width: 100%;
	}

	.category-archive .category-box {
		margin-top: 25px;
    }

    .inner_sidebar {
        margin-left: 20px;
    }

    .inner_sidebar .widget h3.widgettitle {
        font-size: 17px;
    }

    .inner_sidebar .widget h3.widgettitle:before, .inner_sidebar .widget h3.widgettitle:after {
        display: none;
    }

    .inner_sidebar .widget .category-list {
        font-size: 13px;
    }
}

@media only screen and (max-width: 766px) {

    /* Home - Startpage */

    .widget_nav_menu {
        float: none;
    }

    .responsive #top #wrap_all #header {
        background: transparent !important;
     }
     .responsive #top #main {
        position: relative;
        top: -88px;
     }

	.home #search-hero .template-page {
		padding: 80px 0 120px;
	}

    .home .add-site-button {
        top: 322px;
    }
	.add-site-button {
        top: 222px;
    }
	.add-site-button .site-button {
		padding: 1.2em 0.7em;
	}
	.add-site-button:after {
		height: 51px;
		bottom: -61px;
	}
	#search-hero .template-page {
		padding: 30px 0 70px;
	}

    .flex .alm-reveal .thumbnail-item {
        flex: 1 0 80%;
        width: 100%;
        max-width: 100%;
    }

    .add-site-hero .avia-button-wrap {
        bottom: 20px;
        box-shadow: none;
    }

    .add-site-hero .avia-button {
        box-shadow: none;
    }

    .add-site-hero .avia-button:hover {
        box-shadow: none;
    }


.category-box  {
    width: 100%;
    margin: 5px;
    height: 100px;
    background-color: white !important;
    transition: box-shadow .4s, transform .4s;
    /* Animation */
    box-shadow: 0 2px 4px 0 #ccc, 0 3px 10px 0 #ccc;
}

	.category-icon-area {
		padding-top: 35px;
	}
.random-link-section .button-section{
    width:50%;
}

.category-archive-container {
    padding-top: 40px;
}
	.category-archive .category-box {
		width: 100%;
    margin: 5px;
    background-color: white !important;
    transition: box-shadow .4s, transform .4s;
    /* Animation */
    box-shadow: 0 2px 4px 0 #ccc, 0 3px 10px 0 #ccc;
	}
	.category-archive-desc p {
		width: 100%;
    }
	.about-heading h1 , h2.quality-mark-header , .avia_ajax_form h3 , .single-site h1 , .anmal-site-header h2 ,
	.make-site h1 {
		font-size: 21px;
	}

	.about-us-info p , .single-site p , p.anmal-site-info {
		font-size: 18px;
	}

	.category-thumbnail-container .category-box:nth-child(2n +2) {
   margin-left: 5px;
}

	.category-box .iconbox_content {
		padding: 10px;
		padding-top: 15px;
	}

	.category-box h3 {
		margin-bottom: 0px;
	}

	.category-box .iconbox_icon::before {
		margin-left: -5px;
	}

	.iconbox_icon {
		font-size: 40px;
	}

	.alm-reveal hr {
		width: 40%;
	}

	.add-site-1 .form-section .text-input {
		width: 100%;
	}

	.category-archive .category-box {
		margin-top: 25px;
    }

    .single-site {
        padding: 20px 0 0 0;
    }
	.add-site-1 .form-section form,
	#customer_details,
	#order_review_heading,
	#order_review,
	#wc_checkout_add_ons,
	.add-site-1 #business-form,
	.add-site-1 #individual-form,
	.add-site-1 .add-site-content{
		padding: 20px 20px 20px 20px;
	}
  .addon-links {
   padding: 20px 20px 20px 20px;
   margin-bottom: 0;
   margin-top: -20px;
  }
	#top .add-site-1 input {
		margin-bottom: 0;
	}
	.add-site-1 .customer-choice,
	#checkout-products .product-item {
		display: block;
		line-height: 1em;
		padding: 20px;
		text-align: center;
	}
	.add-site-1 .customer-choice span {
		margin-left: 0;
		font-size: 17px;
	}
	.add-site-1 .form-section .text-input,
	.add-site-1 .form-section .select-input,
	.add-site-1 .form-section .links-input,
	.add-site-1 .form-section .extra-links-input,
	.responsive #top .col2-set .col-1,
	.responsive #top .col2-set .col-2,
	.responsive .cart-collaterals .shipping_calculator {
    	width: 100%;
	}

}

.ajax-load-more-wrap ul.alm-listing li.grid-item{
  border: 1px solid #efefef;
  width: 47%;
  margin: 0 1.5% 3%;
  float: left;
  display: inline;
}
@media screen and (max-width: 480px){
  .ajax-load-more-wrap ul.alm-listing li.grid-item{
     width: 100%;
     margin: 0 0 20px;
  }
	.alm-reveal hr {
		width: 25%;
	}

    .add-site-1 {
        width: 100% !important;
        max-width: 100% !important;
    }

	.add-site-1 .form-section svg {
		font-size: 40px;
	}

	.add-site-1 .customer-choice h2 {
		font-size: 14px;
		padding-left: 0px !important;
	}

	.add-site-1 .form-section .text-input {
		width: 100%;
	}

	.add-site-1 .form-section form {
		padding: 5px 20px 10px 20px
	}

	.add-site-1 .form-section input[type="submit"] {
		width: 100%;
	}

    .category-archive-container {
        padding-top: 40px;
    }

	.category-archive .category-box {
		margin-top: 25px;
	}

	.title_container .container .breadcrumb {
		left: -9%;
		width: 120%;
		background-color: #f7f7f7;
		padding-left: 9%;
	}
	.title_container .breadcrumb {
		font-size: 10px;
    }

    .single-site {
        padding: 20px 0 0 0;
    }
}

#opc-messages {
    display: none;
}

.collapsed {
    display: none;
}