/*
Theme Name: Philipp Hofmann
Theme URI: http://www.philipphofmann.com/
Description: Webpage of Artist Philipp Hofmann
Version: 1.0
Author: Steffen Schmitt
Author URI: http://www.freshandeazy.com
Tags: philipp hofmann, artist, photographer, photography, miami, muenchen

font-family: 'Cambay', sans-serif;
color:#231f20; #333132
*/

@import "css/reset.css";
@import url(https://fonts.googleapis.com/css?family=Cambay:400,400italic,700,700italic);


body { margin: 0 auto; background:#231f20; font-family: 'Cambay', sans-serif; font-size:16px; line-height:1.4; color: rgba(255,255,255,1.00); font-weight:400; }

#wrap {background: bottom left no-repeat fixed url("images/dig_watermark_1100.png"); min-height: 100%; width: 100%; }

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:1px solid rgba(0,0,0,0.1); height:10px; padding:10px 0px 20px 0px; display:block; }

/* WordPress generated classes
-------------------------------------------------------------- */
.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 { width:100%; height:auto; }


@media only screen and (min-width: 768px) {
.alignleft {float:left; }
.alignright {float:right; margin-right:0;}
.center {float:left; margin-left:4.4%; }

}

a { color:rgba(255,255,255,1.00); 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:#8a8c8e; }

header { width:100%; height:5%; padding:2% 0 0; }
hgroup { width: 95%; max-width:1000px; padding:0; margin:0 auto;  }
#logo { margin:0 auto;  }

/*  m a i n - n a v  */
#main-nav { /*text-transform:uppercase; position:relative; letter-spacing:3px; margin:17px auto; text-align:center; overflow:hidden;*/ display:none; }
#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:3px 11px; list-style:none; border-right:thin solid #b6b8ba; }
#main-nav li:last-child { border-right:none; }
#main-nav a { text-decoration:none; font-weight:400; display:block; padding:5px 3px;  }
#main-nav a:hover { text-decoration:none; }

#menu-item-373 { background:rgba(0,0,0,0.35); border-radius:3px; }
#menu-item-373 a { font-weight:700; color:white; }

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



/*    c o n t e n t -  a r e a    */
#window { min-width:100%; height:85%; display:block; position:relative fixed; z-index:400; text-align:center; /*background:url(images/punktraster.png);*/ }
#window h1 { font-size:20px; line-height:1.4; padding:0; display:block; margin-top:25px; font-style:italic; font-weight:300; }
#window h4 { font-size:28px; line-height:36px; color:#fff; font-weight:400; padding:2px 5px; display: inline; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5);  }
#window h5 { color:#fff; font-weight:400; padding:2px 5px; font-size:18px; background:url(images/pink44.png); display: inline; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); letter-spacing:0px; text-transform:none;  }
#arrow_down { margin:0 auto 0 -16px; position:absolute; top:80%; left:50%; }

.logo-box { width:290px; height:290px; padding:8px; margin:0 auto; position:relative; top:25%; text-align:center; }
.logo-box-2 { width:280px; height:280px; padding:4px; border:1px solid rgba(0,0,0,1.00); margin:0 auto; text-align:center;  }
.logo-box-3 { width:211px; height:211px; padding:31px; border:3px solid rgba(0,0,0,1.00); margin:0 auto; text-align:center; }
.logo-box-3 img { width:211px; height:auto; }

@media only screen and (min-width: 768px) {
.logo-box { width:345px; height:345px; padding:8px; top:30%; }
.logo-box-2 { width:335px; height:335px; }
.logo-box-3 { width:261px; height:261px; padding:34px; }
.logo-box-3 img { width:261px; height:auto; }
#window h1 { font-size:34px; margin-top:55px; }
h2 { font-size:28px; line-height:48px; }
h3 { padding:10px 0px 25px 0px; }
}

#subwindow { min-width:100%; height:75%; min-height:280px; display:block; position:relative fixed; z-index:400;   }
#subwindow .headline-box { width:135px; height:135px; border-radius:50%; padding:40px; background:rgba(246,232,210,0.65); margin:0 auto; position:relative; top:33%; text-align:center;  }
h1.subpage { font-weight:400; margin:53px auto; font-size:30px; line-height:1.2; display:block; position:relative; z-index:655; color:#8a8c8e; }

@media only screen and (min-width: 768px) { 
#subwindow .headline-box { width:200px; height:200px; padding:50px; }
h1.subpage { font-size:44px; margin:80px auto;  }
}

#advert { margin-top:30px; }
#advert img { width:100%; height:auto; }

#content-wrap { width:100%; height:auto; margin: 0 auto 80px; position:relative; z-index:500; border-bottom:thin solid #000; }

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

aside h3 {  }
aside ul {  }
aside ul li {  }

#content-home, #content-sub { padding:50px 0px; max-width:1000px; width:95%; height:auto; margin:0 auto; /*position:relative; z-index:500;*/ }


@media only screen and (min-width: 768px) { 
#content { width:69.7%; height:auto; display:block; }
.grid_1 { width:21.7%; display:block; } /*= 150px*/
.grid_2 { width:47.8%; display:block; } /*= 330px*/
.grid_3 { width:30.4%; display:block; }
.grid_5 { width:65.2%; display:block; }
.grid_4 { width:100%; display:block; } /*= 690px*/
.grid_6 { width: 95%; max-width:1000px; margin:0 auto; }
#content-sub { min-height:750px; }
}

#box { padding:30px 0; text-align:center; }
#box img { display: block !important; height:auto; }
#box p {  }

@media only screen and (min-width: 768px) { 
#box { padding:30px 0 0 !important; text-align:center; }
#box p { display: block !important; }
#more-button { display: block !important; text-align:center; padding:20px 0px; }
}

#more-button { display:none; }
#more-button a {  }
#more-button a:hover {  }

.news a { font-weight:400; font-size:18px; }



h1 { font-size:28px; line-height:34px; font-weight:400;  }
h2 { color:#fff; font-size:21px; line-height:30px; font-weight:300;  }
h3 { font-size:25px; line-height:1.4; font-weight:600; text-transform:uppercase; letter-spacing:4px;  }
h4 { font-size:32px; line-height:1.6; font-weight:400; margin:15px auto; }
h5 { font-size:18px; line-height:1.4; font-weight:400; text-transform:capitalize; }
h6 { font-size:17px; line-height:1.4; font-weight:300; letter-spacing:-0.5px; }
h1 a, h2 a, h3 a, h5 a { font-weight:400;  }


h3.box_01 a, h3.box_02 a { color:rgba(255,255,255,1.00) !important; }



h1.local { margin:350px auto 0 0; padding:5px 20px 2px 20px; color:#fff; font-size:72px; line-height:72px; display:inline-block; background:url(images/pink44.png); position:relative; z-index:655; text-transform:uppercase; text-shadow:1px 1px 2px #c56c66; letter-spacing:1px; }
h1.page { margin:285px auto 0 0; color:#fff; font-size:72px; line-height:72px; display:inline-block; position:relative; z-index:655; }

.article-image { margin-top:-431px; position:relative; z-index:600; width:100%; height:auto; }

blockquote p { font-size:21px; line-height:1.5; font-weight:400 }

#boxmenu { }
#boxmenu ul { margin:15px auto;   }
#boxmenu li { font-size:13px; padding:6px 0px 3px 0px; border-bottom:thin dotted #b6b8ba; }
#boxmenu li a { color:#999; font-weight:400; text-decoration:none; }
#boxmenu li a:hover { color:#f15f67; }

#menu-bookingpage, #menu-calendar-menu, #menu-pricepage { display:none; }
@media only screen and (min-width: 768px) { 
#menu-bookingpage, #menu-calendar-menu, #menu-pricepage { display: block; }
}


/*    e d i t o r i a l   s t y l e s     */
#top { width:98%; max-width:1040px; height:590px; margin:0 auto; }
#top h1 { font-size:530%; line-height:87%; display: block !important; padding:4% 0; width:45%; color: white; margin:0 auto auto 0;  }
.sportiv { background: url(images/sportiv.jpg) no-repeat center; }

/*    a r t i c l e   s t y l e s    */
article { padding:25px 0px 0px; }
article h1 { margin:15px auto; }
article h3 { color:#58595b; }
article img { width:100% !important; height:auto !important; }
img.avatar { width:40px !important; }
article .highslide img { border:none !important; }
article .ai1ec-single-event img { width:auto !important; height:auto !important; }
article footer { width:100%; border-top:thin solid rgba(0,0,0,0.2); border-bottom:thin solid rgba(0,0,0,0.2); margin:20px auto; text-align:center; background:none; min-height:25px !important; padding:10px 0px !important;  }
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.portrait { width: 85px !important; margin-right:10px; }
img.qrcode { width:150px !important; }
a.more-link { font-size:14px; 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; }


/*   l o c a l    s t y l e s     */
.contactbox { background: url(images/i-box_bg.png) bottom right no-repeat #e3e4e4; width:90%; height:auto; padding:5%; display:block;  }
.contactbox a { font-weight:700; }


table { width:100%; text-align:center; border:none; }
td, th { width:33%;  }
td { padding:8px 0px; }
th { font-weight:700; padding:12px 0px; }

/*    f o o t e r  -  a r e a    */

footer { width:100%; height:50px; margin-top: -50px; font-size:13px; position:relative; text-shadow:rgba(0,0,0,0.5) 1px 1px 0; }
footer .grid_2 { padding-left:10px; }
footer .textaligncenter { text-align:center; } 

ul.socials { }
.socials li { float:left; height:42px; width:42px; }
@media only screen and (min-width: 768px) { 
footer .grid_2 { width:30%; display:block; padding-left:0 !important; }
div.menu-infos-container li, div.menu-infos-en-container li { float:left; margin:0 5px 0 0; text-transform:uppercase; }
footer .textalignright { text-align:right; } 
footer .textaligncenter { text-align:center;  } 
}


#ngg-webslice h3 { display:none !important; }
.ngg-widget img { margin: 0 7px 7px 0 !important; width: 31% !important;}


/*       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:14px; }
label { font-size:14px; margin-bottom:4px; }
label.screen-reader-text { display:none; }
input, textarea { display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:thin solid rgba(0,0,0,0.4); background:#fff; padding:5px 8px; font-size:14px; line-height:1.2;  }
input[type="submit"] { background:#58595b; color: #fff; cursor: pointer; font-size:15px; font-style:italic; padding:6px 20px; width: auto; -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; }
input[type="submit"]:hover { background: #0f93e6; color:#fff; }