/*
Theme Name: Preema
Theme URI: http://preema.net
Author: Symbl
Author URI: https://symbl.co/
*/

@font-face{font-family:'Proxima Nova-Light';src:url("fonts/proximanovalight-webfont.woff2") format("woff2"),url("fonts/ProximaNova-Regular.otf") format("otf"),url("fonts/proximanovalight-webfont.woff") format("woff");font-weight:normal;font-style:normal}

@font-face{font-family:'Proxima Nova-Regular';src:url("fonts/proximanovaregular-webfont.woff2") format("woff2"),url("fonts/ProximaNova-Light.otf") format("otf"),url("fonts/proximanovaregular-webfont.woff") format("woff");font-weight:normal;font-style:normal}

body {font-family: 'Proxima Nova-Regular', sans-serif;font-size:16px}

a {color:#c7a12f}

#home_cover {
  background: #242021;
}

#cover_side {background:url(images/preema_cover.jpg) no-repeat;background-position:top left;background-size:cover;display:block}

.home_mobile {height:auto !important}

p#intro {color:#fff;font-family: 'Proxima Nova-Light', sans-serif;color: #fbfbfb;padding: 0 20px;font-size:13px}

nav.navbar-home {background: rgba(0,0,0,.7);border: none !important;height: 80px;font-family: 'Proxima Nova-Light', sans-serif;position: fixed;width: 100%;z-index: 999;padding: 15px 80px;font-size:15px}

nav.navbar-regular {background: #4c4c4c;border: none !important;height: 80px;font-family: 'Proxima Nova-Light', sans-serif;position: fixed;width: 100%;z-index: 999;padding: 15px 80px;font-size:15px}

nav > .show {background: rgba(0, 0, 0, 0.8);padding: 20px;margin-top: 5px !important;border-radius: 3px}

a.navbar-brand {font-size:18px}

#chapter {position:fixed;height:100%;width:80px;padding:10px;background:#4c4c4c}

#regular-page {padding:160px 65px 30px 65px;}
#regular-page-2 {padding: 130px 30px 30px 120px}
#regular-page-3 {padding: 100px 30px 30px 120px}

#regular-page h1,
#regular-page h2,
#regular-page h3,
#regular-page h4,
#regular-page h5,
#regular-page h6,
#regular-page-2 h1,
#regular-page-2 h2,
#regular-page-2 h3,
#regular-page-2 h4,
#regular-page-2 h5,
#regular-page-2 h6,
#regular-page-3 h1,
#regular-page-3 h2,
#regular-page-3 h3,
#regular-page-3 h4,
#regular-page-3 h5,
#regular-page-3 h6 {display: block}

.art_quote {margin: 80px 0}
.art_quote .art_details {font-family: 'Proxima Nova-Light', sans-serif;padding-left: 40px}
blockquote {font-family: 'Proxima Nova-Light', sans-serif;font-size:24px;color:#c7a12f;padding: 40px 0px 40px 0px;margin:0}

.the_break {border-bottom:1px solid #eee;display: block;margin:10px 0;width:100%}

.post {margin-bottom: 40px}
.post h4 a {color:#222;text-decoration:none;}

a.view_work {display: inline-block;padding:7px 10px 5px 10px;border:1px solid #c7a12f;text-transform:uppercase;background:#c7a12f;color:#fff;transition:all 500ms;text-decoration:none;line-height:20px;font-size:14px}
a.view_work:hover, a.view_work.selected {background:#fff;color:#c7a12f}

.navigation {text-align: center;display:block;width:100%}

footer {background:#4c4c4c;padding: 20px;text-align: center;color:#fbfbfb}
footer p {margin: 0 !important}
footer a:hover {color:#c7a12f}

/*#loading {position:fixed;width:100%;height:100%;text-align:center;background:#fff url(images/loading.svg) no-repeat center;background-size:100px;z-index:99999}*/
#loading {display:none}

#regular-page span, #regular-page-2 span, #regular-page-3 span {font-size:13px}

#regular-page > p {margin: 0 !important}
#regular-page .row div p, #regular-page .entry p {margin-bottom: 10px !important}	

#regular-page-2 p {margin: 0 !important}
#regular-page-2 .row div p, #regular-page-2 .entry p {margin-bottom: 10px !important}	

#regular-page-3 p {margin: 0 !important}
#regular-page-3 .row div p, #regular-page-3 .entry p {margin-bottom: 10px !important}

.social_media_icons {margin-top:20px}
.social_media_icons a {font-size:21px;display:inline-block;margin:15px 30px 15px 0}

@media only screen and (max-width: 1099px) {
  a.navbar-brand {font-size:12px !important}
	
  nav.navbar-regular, nav.navbar-home {padding:15px 20px}
	
  #regular-page-2 .post {margin-bottom: 20px}
  #regular-page-3 .post {margin-bottom: 0px}
	
  a.view_work {}
	
  .go_back {margin:0 !important}

  #story_side {padding:20px}
  #story_side p {font-size: 14px;margin: 0;}
	
  p#intro {padding:0}

  #regular-page {padding: 100px 20px 0px 20px}
	#regular-page .row {margin:0 !important}
	#regular-page .row > div {margin-bottom:20px;padding:0}

  #regular-page-2 {padding: 100px 20px 0px 60px}
	#regular-page-2 .row {margin:0 !important}
	#regular-page-2 .row > div {margin-bottom:20px;padding:0}
	#regular-page-2 .col-md-8 {padding:0}
	#regular-page-2 > .col-md-3, #regular-page-2 > .col-md-2 {display:none}

  #regular-page-3 {padding: 100px 20px 0px 60px}
	#regular-page-3 .row {margin:0 !important}
	#regular-page-3 .row > div {margin-bottom:20px;padding:0}
	#regular-page-3 .col-md-8 {padding:0}
	#regular-page-3 > .col-md-2 {display:none}

  .art_quote .art_details {padding: 0}
  blockquote {padding:15px 0px 15px 0px}
	
	.phone-no-padding {padding:0}

  img {max-width: 100%;height: auto}
	
	h1 {font-size:30px}
	h2 {font-size:26px}
	h3 {font-size:24px}
	
  #chapter {width:40px !important}
	#chapter img {left:10px !important;bottom:48px !important}
	
	footer {padding:15px 40px;font-size:13px}
}