@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500;800&display=swap');

body {
	font-size: 1.2em;
}

h1 {
	color: #000;
}

a, .uk-link {
    color: #880000;
}

a:hover, a:focus, a:active, .uk-link:hover, .uk-link:focus, .uk-link:active {
    color: #055fb3;
}
uk-margin-remove-last-child > :last-child {
    margin-bottom: 20px !important;
}

/*MENU*/

.sp-megamenu-parent > li > a::before, .sp-megamenu-parent > li > span::before {
    background-color: #800;
}

.uk-navbar-nav > li:hover > a, .sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
    color: #800;
}

.uk-offcanvas-container .uk-nav-default .uk-nav-sub a:hover, .uk-offcanvas-container .uk-nav-default>li.uk-active>a, .uk-offcanvas-container .uk-nav-default .uk-nav-sub a:focus {
    color: #800;
}
#what-we-do, #our-expertise, #our-approach, #about-us, #contact-us {
	display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

/*FOOTER*/

.back__top:hover, .back__top:focus {
    background: #800;
}

.uk-totop svg {
    transform: translate(0,-5px);
}

.corner {
-webkit-box-shadow: 0px 0px 15px 5px #EAEAEA; 
box-shadow: 0px 0px 15px 5px #EAEAEA;
	padding: 15px;
	--b:3px;   /* thickness of the border */
    --c:#880000;   /* color of the border */
    --w:30px;  /* width of border */
    border:var(--b) solid transparent; /* space for the border */
    background:
   linear-gradient(var(--c),var(--c)) bottom left,
    linear-gradient(var(--c),var(--c)) bottom left,
    linear-gradient(var(--c),var(--c)) top right,
    linear-gradient(var(--c),var(--c)) top right;
  background-size:var(--b) var(--w),var(--w) var(--b);
  background-origin:border-box;
  background-repeat:no-repeat;
}

/*MOBILE FIRST*/

/*INTRO*/

.lin-intro {
	margin-top: 30px;
}

.logo img {
	width: 25%;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}

.logo-text {
	margin-top: 15px;
	float: left;
}

.lin-intro h1 {
	font-family: 'Maven Pro', sans-serif;
	font-weight: 500;
    font-size: 40px;
}

.lin-intro h2 {
	font-family: 'Maven Pro', sans-serif;
	font-weight: 800;
    font-size: 48px;
	color: #000;
}

.lin-intro .title {
	width: 100%;
	float: left;
}


/*WHAT WE DO*/

.lin-wwd-intro ul {
    list-style-type: square;
	font-size: 1.3em;
}

.lin-wwd-intro li::marker {
  color: #880000;
  font-size: 1.2em;
}

.lin-wwd-intro {
	margin-bottom: 30px;
}

/*CONTENT*/

.lin-about-block .corner, .lin-contact-block .corner {
	padding-bottom: 30px;
}

.what-we-do h1, .lin-exp-intro h1, .lin-approach h1, .lin-about-block h1, .lin-contact-block h1 {
	font-family: 'Maven Pro', sans-serif;
	font-weight: 500;
    font-size: 40px;
	text-decoration: underline #880000;
	margin-left: 15px;
}

.lin-exp-block ul, .lin-approach ul {
    list-style-type: square;
	font-size: 1.3em;
}
.lin-wwd-block ul {
    list-style-type: square;
	font-size: 1em;
	color: #3f485d;
	margin-bottom: 0px;
}

.lin-wwd-block li::marker, .lin-exp-block li::marker,  .lin-approach li::marker {
  color: #880000;
  font-size: 1.2em;
}

.lin-wwd-intro, .lin-wwd-block, .lin-exp-block, .lin-about-block, .lin-quote, .lin-contact-block, .lin-about-block img, .lin-contact-block img{
	margin-bottom: 30px;
	margin-top: 30px;
}

#sp-lingarn-3 .lin-wwd-block {
	margin-bottom: 0px;
}

.lin-wwd-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

.lin-exp-block img,.lin-approach img, .lin-about-block img, .lin-contact-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
}

/*QUOTES*/

blockquote {
    font-family: Georgia, serif;
    position: relative;
    margin: 0.5em;
    padding: 0.5em 2em 0.5em 3em;
}
/* Thanks: http://callmenick.com/post/styling-blockquotes-with-css-pseudo-classes */
blockquote:before {
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: 0;
    left: 0;
    content: "\201C";
	color: #800;
}
blockquote:after {
    position: absolute;
   /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float:right;
    font-size:6em;
    line-height: 1;
    right:0;
    bottom:-0.5em;
    content: "\201D";
	color: #800;
}
blockquote footer {
    padding: 0 2em 0 0;
    text-align:right;
}


 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	
#sp-lingarn-11, #sp-lingarn-12 {
	display: none;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
	
.logo img {
	width: 70px;
	margin-bottom: 20px;
	margin-right: 20px;
	float: left;
}

.lin-intro h2 {
	font-size: 55px;
}

.lin-exp-block img,.lin-approach img, .lin-about-block img, .lin-contact-block img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 50%;
  width: 50%;
}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
	
#sp-lingarn-6, #sp-lingarn-18, #sp-lingarn-23 {
	margin-top: 40px;
}
#sp-lingarn-19 {
	padding-top: 90px;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {} 

/*Accordian*/

.accordion-item {
    background-color: #fff;
    border: none;
}

.accordion-button {
    font-size: 1.5rem;
	padding-top: 0px;
    padding-bottom: 5px;
}
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.125);
}

::-moz-focus-inner {

    padding: 0;
    border-style: none;

}
.accordion-button::after {
   /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='%23880000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
*/
background-image: url("images/lingarn_arrow.png");
}
.accordion-button:not(.collapsed)::after {

   /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' fill='%23880000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
*/
background-image: url("images/lingarn_arrow.png")!important;
transform: rotate(-180deg);

}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0rem rgba(13,110,253,.25);
}

.accordion-item:first-of-type {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/*Cookie pop up*/


#redim-cookiehint .cookiehead .headline::before {
    background-image: none;
}

/*Privacy policy*/
#Privacy .accordion-button {
	background-color:#181a21;
	color: #a3a5aa;
	padding: 0px;
	font-size: 1.3rem;
}
#collapsePrivacy .accordion-body {
	background-color:#181a21;
	color: #a3a5aa;
	padding: 0px;
}

#collapsePrivacy h2 {
	font-size: 0.9em;
	margin-top: 20px;
	margin-bottom: 10px;
}
#collapsePrivacy p {
	font-size: 0.7em;
	margin-top: 0px;
	margin-bottom: 10px;
}