/*
Theme Name: thinkg
Theme URI: http://thinkgdesign.com
Description: Webpage of THINKG Design, Sineu Mallorca.
Version: 1.0
Author: Steffen Schmitt
Author URI: http://www.freshandeazy.com
Tags: spain, mallorca, sineu, design, interior, real estate, architecture service, virtual tours

font-family: din-2014, sans-serif;
font-family: din-2014-narrow, sans-serif;

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

*/

@import "css/reset.css";
@import url("https://use.typekit.net/xnx3rzr.css");

body { margin: 0 auto; background: white; background-image: url("images/EDI_bg-lines.svg"); background-size: cover; background-attachment: fixed; background-position:left top; background-repeat: no-repeat; font-family: din-2014, sans-serif; font-weight: 400; font-style: normal; font-size:1.1rem; line-height:1.5; color:#000; }
html, body { height:100%; }
.clear {clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,*:first-child+html .clearfix{zoom:1}
.borderline { clear: both; border-bottom:2px solid #b6b8ba; height:10px; padding:10px 0px 20px 0px; display:block; }
.separator { clear: both; border-bottom:thin solid #b6b8ba; height:10px; padding:10px 0px 20px 0px;  }
.hidden { display:none; }

.aligncenter, div.aligncenter { display: block; }
.alignleft {float:none;}
.alignright {float:none;}
.center {float:none; }
.wp-caption {border:1px solid #666;text-align:center;background:#ccc;padding:10px;margin:10px}
.textalignright { text-align:right; } 
.textaligncenter { text-align: center; } 
.fullwidth, .full { width:100%; height:auto; }

p {margin:.5rem auto;}
blockquote p { font-weight:700; }
div#n2-ss-3, 
div#n2-ss-2, 
.n2-font-ce3f15629d7366ff9418fe2fdd722d21-paragraph, 
.n2-font-4f0725be9b6c6a694b6f483afdad5059-hover, 
.n2-font-b62a25f3c85f4020acb61560ef7b057a-hover {font-family: din-2014, sans-serif !important;}

a { color:#231f20; font-weight:700; text-decoration:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
a:hover { text-decoration:underline; color:#f15f67; }

h1 {font-family: din-2014-narrow, sans-serif; font-weight: 300; font-size: 2rem; line-height: 1.1; padding:1.5rem 0 0;}
h2 {font-family: din-2014-narrow, sans-serif; font-weight: 300; font-size: 3.5rem; line-height: 1.1; margin:1rem auto 0;}
h3 {font-size: 1.5rem; font-weight: 700; margin: 1rem auto; line-height: 1.1;}
h4 {font-size: 1.25rem; font-weight: 300; line-height: 1;}


header { width:100%; height: 6.5rem; position:relative; z-index: 990; padding: .25rem 0 0;}
hgroup { padding:0; margin:0 auto; width: 92%; /*max-width: 1280px;*/ }
div.logo { margin-left:4.4%; width:47.8%; float: left; display: block; text-align: center; }
div.logo img {width:6rem; height:auto; }
div.left-menu {width:21.7%; display:block; float: left;}
div.lang-menu {width:21.7%; display:block; float:right; margin-right:0; text-align: right; padding:1.25rem 0 0;}
select#lang_choice_polylang-2 {font-size: 1rem;background-color: white;border: none;box-shadow: none;color:#a9a9a9;font-family: din-2014-narrow, sans-serif; font-weight: 400;}
select#lang_choice_polylang-2:hover {color:black;}
select#lang_choice_polylang-2 option {font-family: din-2014-narrow, sans-serif !important; font-weight: 400; font-size: 1rem; margin: .5rem auto}


@media only screen and (min-width: 768px) {
	.alignleft {float:left; }
	.alignright {float:right; margin-right:0;}
	.center {float:left; margin-left:4.4%; }
	.hidden { display:block !important; }
	#logo img {width:8rem; }
	p {margin:1rem auto;}
	blockquote p { font-size:1.25rem; }
	h1 {font-size: 3rem; padding:1.5rem 0 0;}
	h2 {font-size: 6rem; }
	h3 {font-size: 2rem; margin: 1.5rem auto;}
}

/*  m a i n - n a v  */
#main-nav { width:100%; text-transform:uppercase; position:relative; letter-spacing:4px; margin:33px auto; text-align:center; overflow:hidden; }
#main-nav ul { position: relative;float: left;left: 50%;margin: 0 auto;padding: 0; }
#main-nav li { font-size:12px; line-height:1px; position: relative; float:left; right:50%; margin-right:5px; padding:0px 9px; list-style:none; border-right:thin solid #fff; }
#main-nav li:last-child { border-right:none; }
#main-nav a { text-decoration:none; font-weight:400; color:#fff; display:block; padding:5px 3px;  }
#main-nav a:hover { text-decoration:none; color:#fff; }

/*   l a n g u a g e   m e n u   */
#lang-menu { height:20px; width:auto; float:left; margin-top:5px; }
#lang-menu ul { list-style: none; }
#lang-menu li { margin:-3px 0 0 0; float:none !important; }

@media only screen and (min-width: 768px) {
	#lang-menu li { float:left !important; margin:0 0 0 5px !important; }
	 }

.homeslider {width: 100%; height: auto; margin:0 auto; position: relative; z-index: 600; }
.n2-ss-slider p {font-family: din-2014, sans-serif;}
.screen {display: none;}
.mobile {display: block; clip-path: polygon(0 0, 100% 0, 100% 95%, 0% 100%);}

@media only screen and (min-width: 768px) {
	.screen {display: block; clip-path: polygon(0 0, 100% 0, 100% 90%, 0% 100%);}
	.mobile {display: none;}
	.homeslider { }
}

/*    c o n t e n t -  a r e a    */

#refs {padding: 0 0 5rem 0;}
div.ref-gallery img {padding: 0 .5rem;}

#sidebar h3 { color:#58595b; }
#sidebar ul { border-left:1px solid rgba(0,0,0,0.1); }
#sidebar ul li { margin: 10px 25px; padding:15px 0px; font-size:12px; text-transform:uppercase; letter-spacing:2px; }
#sidebar ul ul { border: none; }
#sidebar ul ul li { margin: 0;  }
#sidebar ul ul li a { display:block; }

#content-home {width: 100%; height:auto; position:relative; z-index:700; margin: 0 auto; background: url("images/EDI_circle-black.svg"); background-position-x:115%; background-position-y:180px; background-repeat:no-repeat; background-size:90px; }
#content-wrap {width: 100%; height:auto; position:relative; z-index:700; margin: 0 auto; }
.content { height:auto; margin:0 auto; padding:2.5rem 0 0; /*background: url("images/EDI_circle-black.svg"); background-position-x:1%; background-position-y:95%; background-repeat:no-repeat; background-size:133px;*/ }

.home #content-home {margin:-9.5rem auto 0;}

.white { }
.lightgrey {background: rgba(0,0,0,.09); padding: 5rem 0;}

.service-title div.textwidget h2 {font-size:5rem; font-weight: 700; text-transform: lowercase; line-height: 4rem; letter-spacing: -2px; color: white; }
.service-title li {background-image: url(http://thinkgdesign.com/wp-content/uploads/2021/11/stjordi-suite.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%;padding-bottom: 100%; position: relative; margin-bottom:1rem;}
.service-title div.textwidget {position: absolute;width: 90%; padding: 0 5%;}
.service-text div.su-row {width: 100%; }
.service-text li li {font-size: 1.35rem; line-height: 1.35; padding-left:3rem; background-image: url("images/check-bl.svg");background-size: 1.5rem;background-repeat: no-repeat;background-position: top left;display: block;margin: 1.5rem auto 1.5rem;}

.black {background: black;color: white;padding: 2rem 0;}
.black h2 {font-size:3rem;}
.black h4 {margin: 0rem auto .5rem;line-height: 1.5;text-transform: uppercase;}
.black ul {margin: 2.5rem auto 0;}
.black li {padding-left: 3.5rem;background-image: url("images/check-wh.svg");background-size: 2rem;background-repeat: no-repeat;background-position: top left;display: block;margin: 1.5rem auto 1.5rem;}

.grey {background-color: rgba(140,140,140,.44); padding:2rem 0;}
.grey h2 {font-size:3rem;}
.grey h4 {margin: 0rem auto .5rem;line-height: 1.5;text-transform: uppercase;}
.grey ul {margin: 2.5rem auto 0;}
/*.grey li {padding-left: 3.5rem;background-image: url("images/check-wh.svg");background-size: 2rem;background-repeat: no-repeat;background-position: top left;display: block;margin: 1.5rem auto 1.5rem;}*/

div.page-nav {padding:1rem 0 2rem;} 

@media only screen and (min-width: 768px) { 
	.service-text li li {font-size: 1.5rem; background-size: 2rem;}
	.service-title li {text-align: right; padding-bottom: 130%; }
	.black h2 {font-size:4rem; text-align: center;}
	#content-home {background-position-x:103%; background-position-y:56px; background-size:164px; }
	#content-wrap .content { }
}

#cat1 {background: url("images/EDI_2circles-black.svg"); background-position-x:90%; background-position-y:100%; background-repeat:no-repeat; background-size:168px; }
#cat2 {background: url("images/EDI_circle-black.svg"); background-position-x:99%; background-position-y:99%; background-repeat:no-repeat; background-size:115px; }
#cat3 {background: url("images/EDI_circle-black.svg"); background-position-x:5%; background-position-y:97%; background-repeat:no-repeat; background-size:133px; }

@media only screen and (min-width: 768px) { 
	#cat2 {background-position-x:80%; background-position-y:97%; background-size:122px; }
	#cat3 {background-position-x:27%; background-position-y:55%; background-size:155px; }
	.grid_1-2 { width:47.8%; display:block; } 
	.grid_1-3 { width:30.4%; display:block; }
	.grid_1-4 { width:21.7%; display:block; } 
	.grid_1-1 { width:100%; display:block; }
	.grid_3-4 { width:73.9%; display:block;}
	.grid_2-3 { width:65.2%; display:block; }
}

h2.pf-cat {font-family: din-2014-narrow, sans-serif; font-weight:700; font-size: 4rem; line-height:0.8; margin: 0 auto; text-transform: uppercase; word-break: break-word; letter-spacing: -3.5px; }

img.circle {border-radius: 50%; width:calc(100% - 2rem); border:solid white 1rem; height: auto; margin:0 auto; }
img.circle:hover {opacity: .44;}
h2.su-post-title {font-size: 1.5rem; }

/*    s u b p a g e s     */

h1.subpage {margin: 5rem auto 1rem; text-align: center; font-size: 1.5rem; display:block; width: 90%; text-transform: uppercase;letter-spacing:8px;font-family: din-2014;color: rgba(0,0,0,0.55);}
#content-sub {width: 100%; margin:0 auto;}
.su-row, .row {width:92%; margin:2rem auto; max-width: 1200px; }

.pax {width: 80%; max-width: 1200px; display: flex; margin:0 auto;}
.pax .paq1, .pax .paq2, .pax .paq3 {padding: 4.25rem 5%;border: thin solid rgba(0,0,0,.22);box-shadow: rgba(0,0,0,.11) 4px 4px 16px; text-align: center;}
.pax h4 {font-size:2rem;}
.pax ul {margin:1.5rem auto;}
.pax ul li {line-height: 1.2;padding: .5rem 0;font-size: 1.125rem;}
.paq1 {background-color: rgba(255,255,255,.66);}
.paq2 {background-color: rgba(243,217,184,.66);}
.paq3 {background-color: rgba(182,214,227,.66);}
	
@media only screen and (min-width: 768px) { 
	h1.subpage { margin: 6rem auto 3rem; width: 80%; max-width: 1200px; }
}
	
.article-image { margin-top:-431px; position:relative; z-index:600; width:100%; height:auto; }


/*    a r t i c l e   s t y l e s    */
article { width: 92%; margin:1rem auto; padding:2rem 0; max-width: 1280px; text-align: center;  }
.bordertop { margin:1rem auto; padding:2rem 0; border-top:1px solid rgba(0,0,0,0.1); }

article h3 { color:#58595b; }
article img {  }
article .ai1ec-single-event img { width:auto !important; height:auto !important; }
article footer { width:100%; margin:11px auto; text-align:center; background:none;  }
article footer a { font-weight:400; }
.infobox { background: url(images/i-box_bg.png) bottom right no-repeat #e3e4e4; width:90%; height:auto; padding:5%; display:block;  }
.infobox a { font-weight:700; }
img.qrcode { width:150px !important; }
a.more-link { font-size:1rem; display:inline-block; background:#58595b; padding:5px 15px; color:#fff; font-weight: 400; letter-spacing:4px; text-transform:uppercase; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow:none; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; margin:0 auto; float:right; } 
a:hover.more-link { background:#f15f67; }

.object-desc {text-align: left;}
.details-list {background-color: rgba(140,140,140,.22); padding:1rem; font-size:.9rem; text-align: left;}
.details-list h4 {font-weight: 700;}

div.button-area {width: 94%; max-width: 1330px; margin: 0 auto;}
div.soldbutton {position: absolute; top:6%; }
div.soldbutton p {background: #151515;color: white;padding: .25rem 2rem;font-size: 1.5rem;text-transform: uppercase; margin: 0 auto;}

/*    f o o t e r      */

footer { background: #000; width:100%; height:auto; margin:0 auto; padding:2.5rem 0; font-size:.875rem; color:#fff; text-align: center;  }
footer ul {margin-bottom: 1rem;}
footer ul.footermenu {margin-top: 1rem;} 
footer .footer-wrap {width:90%; max-width: 1200px; margin: 0 auto;}
footer a {color:rgba(255,255,255,1);}
footer a:hover {color:rgba(255,255,255,0.55);}
footer .textalignright { text-align:center; } 
footer img.logo {width: 40%; height: auto;}
/*footer div.textwidget {padding: 1rem 0 0;}*/

@media only screen and (min-width: 768px) { 
	footer img.logo {width: 90%; height: auto;}
	.menu-infos-container { margin:0 auto;  }
	footer {text-align: inherit;}
	footer .textalignright { text-align:right; } 
	footer .textaligncenter { text-align:center; } 
}


/*       f o r m s         */
.formbox h4 { color:#10BABC; font-size:39px; text-shadow: 1px 1px 0 #fff; filter: dropshadow(color=#ffffff, offx=1, offy=1); }
.wpcf7 p { margin-top:1rem; font-size:12px; text-transform: uppercase; }
/*label { font-size:12px; margin-bottom:4px; text-transform: uppercase; }*/
label.screen-reader-text { display:none; }
input, textarea { width:90%; display:block; background:#fff; padding:.5rem; font-size:1rem; line-height:1.5; border:1px solid rgba(0,0,0,.11); border-radius: 0; }
input[type="submit"] { color:rgba(0,0,0,1); background: none; cursor: pointer; font-size:1rem; padding:.25rem 1.5rem; width: auto; border:3px rgba(0,0,0,1) solid; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
input[type="submit"]:hover { background: #000; color:#fff; }

#cookie-notice .cookie-notice-container { font-family: din-2014, sans-serif !important;}
.button-black {border-radius: 0 !important; background: black; font-family: din-2014, sans-serif !important; color:white; padding: .25rem .5rem !important; border:black 4px solid !important;}
.button-black:hover {background: none; color:black; }

@media only screen and (min-width: 768px) { 
	input, textarea { width:100%; }
}

/*      r e s p o n s i v e    m e n u          */

#rmp-menu-wrap-12 .rmp-menu, #rmp-menu-wrap-12 .rmp-submenu {text-transform: uppercase;}

div.black-button {text-align:center; padding:3rem 0 5rem;}
div.black-button a {background-color:black; width: auto; color:white; display:inline-block; padding:.25rem 1rem; border:3px solid black;}
div.black-button a:hover {background-color:white; color:black; }


/*        n e x t g e n    g a l l e r y        */

.ngg-gallery-thumbnail-box {width: calc(100%/3);}

@media only screen and (min-width: 768px) { 
	.ngg-galleryoverview.default-view .ngg-gallery-thumbnail a {margin: 8px !important;}
	.ngg-gallery-thumbnail-box {width: calc(100%/5);}
}
 
/*     s h o r t c o d e s        */

div.portfolio div.su-posts {column-count: 2; column-gap: 1rem; max-width: 1280px; margin: 0 auto;}
div.portfolio .su-posts-default-loop .su-post-thumbnail {float: none; width:100%; margin-right:0; height: auto; }
div.portfolio .su-posts-default-loop .su-post-thumbnail img {width: calc(100% - 1rem); margin:0 auto; height: 100%; max-width: 100%; max-height: inherit; border-radius: 50%; border:white .5rem solid;}

div.homefolio .su-posts-default-loop .su-post-thumbnail {float: none; width:100%; margin-right:0; height: auto; }
div.homefolio .su-posts-default-loop .su-post-thumbnail img {width: calc(94% - 2rem); margin:0 auto; height: 100%; max-width: 100%; max-height: inherit; border-radius: 50%; border:white 1rem solid;}
div.portfolio .su-posts-default-loop .su-post,
div.homefolio .su-posts-default-loop .su-post { text-align: center; display: inline-block;}
div.portfolio a.su-post-thumbnail:hover,
div.homefolio a.su-post-thumbnail:hover {opacity: .44;}
div.homefolio div.su-post-meta,
div.portfolio div.su-post-meta {display: none;}

@media only screen and (min-width: 768px) { 
	div.homefolio .su-posts-default-loop .su-post-thumbnail img {width: calc(100% - 2rem);}
	div.homefolio .su-posts-default-loop .su-post {width: calc(94%/3);float: left;padding: 0 1%;}
	
	div.portfolio div.su-posts {column-count: 3; column-gap: 1.5rem; }
	div.portfolio .su-posts-default-loop .su-post-thumbnail img {width: calc(94% - 2rem); margin:0 auto; height: 100%; max-width: 100%; max-height: inherit; border-radius: 50%; border:white 1rem solid;}
}

/*@media only screen and (min-width: 768px) { 
	div.portfolio .su-posts-default-loop .su-post-thumbnail img,
	div.homefolio .su-posts-default-loop .su-post-thumbnail img {width: calc(100% - 2rem);}
	div.homefolio .su-posts-default-loop .su-post {width: calc(94%/3);float: left;padding: 0 1%;}
	
}*/

/*@media only screen and (min-width: 768px) and (max-width: 1023px) {
	div.portfolio .su-posts-default-loop .su-post {min-height: 55vh;}
	div.portfolio .su-posts-default-loop .su-post {width: calc(96%/2);float: left;padding: 0 1%;}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	div.portfolio .su-posts-default-loop .su-post {min-height: 61vh;}
	div.portfolio .su-posts-default-loop .su-post {width: calc(94%/3);float: left;padding: 0 1%;}
}
@media only screen and (min-width: 1280px) {
	div.portfolio .su-posts-default-loop .su-post {min-height: 69vh;}
	div.portfolio .su-posts-default-loop .su-post {width: calc(94%/3);float: left;padding: 0 1%;}
}*/