/*
Theme Name:  ARQDESIGN
Theme URI:   http://arqdesign.byroladan.info
Version:     1.0
Description: A child theme of Divi. This is a custom child theme created for our site arqdesign.
Author:      Dennis
Author URI:  http://arqdesign.byroladan.info
Template:    Divi
*/


@import url("../Divi/style.css");


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.0
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/




/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[HUGE-IT GALLERY]-------------*/
/*------------------------------------------------*/

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li
{
	border: none !important;
}

#huge_it_portfolio_content_2 #huge_it_portfolio_filters_2 ul li a
{
	border-radius: 5px !important;
	padding: 0 8px 1px !important;
}


/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}
/*------------------------------------------------*/
/*----------------[COOKIE-FLIKEN]-----------------*/
/*------------------------------------------------*/

/* Pluginet sätter "right: 100px" som inline-stil direkt på elementet,
   darfor kravs !important for att flytta fliken till vanster sida. */
#cookie-law-info-again {
	right: auto !important;
	left: 24px !important;
}

@media only screen and (max-width: 640px) {
	#cookie-law-info-again {
		left: 12px !important;
	}
}


/*------------------------------------------------*/
/*------------------[SERVICENOTIS]----------------*/
/*------------------------------------------------*/

.arq-notis {
	max-width: 640px;
	margin: 26px 0 0;
	padding: 30px 34px 32px;
	background: #fff;
	border: 1px solid #dfe5e7;
	border-radius: 3px;
	box-shadow: 0 2px 18px rgba(0, 23, 33, .05);
}

.arq-notis__etikett {
	display: block;
	margin-bottom: 12px;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .2em;
	text-transform: uppercase;
	color: #886e1a;
}

.arq-notis__rubrik {
	margin: 0 0 10px !important;
	padding: 0 !important;
	font-size: 21px !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	color: #001721 !important;
}

.arq-notis__text {
	margin: 0 0 22px !important;
	padding: 0 !important;
	font-size: 16px !important;
	line-height: 1.6 !important;
	color: #44565f !important;
}

.arq-notis__knapp {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 52px;
	padding: 15px 26px;
	background: #001721;
	color: #fff !important;
	border: 1px solid #001721;
	border-radius: 2px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: .015em;
	line-height: 1.2;
	text-decoration: none !important;
	transition: background-color .18s ease, color .18s ease, box-shadow .22s ease;
}

.arq-notis__knapp::after {
	content: "\2192";
	font-size: 16px;
	transition: transform .2s cubic-bezier(.2, .6, .2, 1);
}

.arq-notis__knapp:hover,
.arq-notis__knapp:focus-visible {
	background: #c9a227;
	border-color: #c9a227;
	color: #001721 !important;
	box-shadow: 0 6px 20px rgba(0, 23, 33, .16);
}

.arq-notis__knapp:hover::after { transform: translateX(4px); }
.arq-notis__knapp:focus-visible { outline: 2px solid #001721; outline-offset: 3px; }

@media only screen and (max-width: 600px) {
	.arq-notis { padding: 22px 20px 24px; }
	.arq-notis__rubrik { font-size: 19px !important; }
	.arq-notis__knapp { width: 100%; justify-content: center; }
}

@media (prefers-reduced-motion: reduce) {
	.arq-notis__knapp, .arq-notis__knapp::after { transition: none; }
}