/*

Theme Name: Atrium Apartments

Theme URI: http://www.theatrium.net.nz

Description: A bespoke WordPress theme based on the Twitter Bootstrap framework for bellemer.co.nz, designed and built in August 2017.

Version: 1.0

Author: Hodgeman Web & Design

Author URI: http://www.hodgeman.co.nz

*/



/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */



/*============================================================================================*/

/* 1.  COMMON */

/*============================================================================================*/

/*Preloader*/

#preloader {

	position: fixed;

	top:0;

	left:0;

	right:0;

	width:100%;

	height:100%;

	bottom:0;

	background-color:#fff; 

	z-index:999999; 

}

[data-loader="circle-side"]

{

    position: absolute;

    width: 50px;

    height: 50px;

    top:50%;

    left:50%;

    margin-left:-25px;

    margin-top:-25px;

    -webkit-animation: circle infinite .95s linear;

    -moz-animation: circle infinite .95s linear;

    -o-animation: circle infinite .95s linear;

    animation: circle infinite .95s linear;

    border: 2px solid #3d0d7b;

    border-top-color: rgba(0, 0, 0, .2);

    border-right-color: rgba(0, 0, 0, .2);

    border-bottom-color: rgba(0, 0, 0, .2);

    border-radius: 100%;

}

@-webkit-keyframes circle

{

    0%

    {

        -webkit-transform: rotate(0);

            -ms-transform: rotate(0);

             -o-transform: rotate(0);

                transform: rotate(0);

    }

    100%

    {

        -webkit-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

             -o-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}

@-moz-keyframes circle

{

    0%

    {

        -webkit-transform: rotate(0);

            -ms-transform: rotate(0);

             -o-transform: rotate(0);

                transform: rotate(0);

    }

    100%

    {

        -webkit-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

             -o-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}

@-o-keyframes circle

{

    0%

    {

        -webkit-transform: rotate(0);

            -ms-transform: rotate(0);

             -o-transform: rotate(0);

                transform: rotate(0);

    }

    100%

    {

        -webkit-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

             -o-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}

@keyframes circle

{

    0%

    {

        -webkit-transform: rotate(0);

            -ms-transform: rotate(0);

             -o-transform: rotate(0);

                transform: rotate(0);

    }

    100%

    {

        -webkit-transform: rotate(360deg);

            -ms-transform: rotate(360deg);

             -o-transform: rotate(360deg);

                transform: rotate(360deg);

    }

}















body {

	background:#FFF;

	color:#555;

	font-family:Tahoma, Geneva, sans-serif;

}





a{color:#3d0d7b}

a:hover,

a:focus{color:#006EBD;outline:none}

h1,h2,h3{font-family: 'Old Standard TT', serif}



.btn,

.nav{font-family: 'Poppins', sans-serif;}



#header{background:#3d0d7b;position:fixed;width:100%;z-index:9999;top:0;left:0}

.admin-bar #header{top:32px}

#logo>img{margin:15px 0;position: absolute}



#mainnav{margin:15px 0;font-size:15px}

#content{margin-top:60px}



#footer{background-color:#4F4F4F;color:#FFF;font-size:11px;padding:30px 0}

#footer a{color:#FFF}

#footer h3.widgettitle{margin-top:0}



h1{margin-bottom:30px}

h1,h2,h3{font-weight:normal;text-rendering:auto}

h2{color:#3d0d7b}



a,h1{color:#3d0d7b}

a.btn-primary,.btn-primary>a{color:#f7f504}

.btn-primary{background-color:#3d0d7b;border-color:#3d0d7b;color:#f7f504}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active, 

.btn-primary.active,

.open .dropdown-toggle.btn-primary {

color: #FFF;

background-color:#333;

border-color: #333;

}

.btn-book{background-color:#3d0d7b;border-color:#3d0d7b;border-radius:0}

.btn-book a{color:#f7f504}



.nav>li>a {padding:8px 10px;font-weight:bold;color:#FFF}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {background-color: transparent;color:#f7f504}

.nav-pills>li>a:hover,

.navbar-nav>li.current-menu-item>a,

.navbar-nav>li.current-page-ancestor>a,

.navbar-nav>li>a:hover, 

.navbar-nav>li.current-menu-item>a:hover, 

.navbar-nav>li.current-page-ancestor>a:hover {background-color: transparent}



img.pull-left{margin:0 20px 20px 0}

img.pull-right{margin:0 0 20px 20px}



.icons img.pull-left{margin:0 3px 3px 0}

.icons img.pull-right{margin:0 0 3px 3px}



.alert-info {

	color: #904f33;

	background-color: #dacebf;

	border-color: #BEA98E;

}



#toTop{position:fixed;bottom:20px;right:20px;display: none;}

footer{font-size:0.8em}



#roomgallery{margin-bottom:15px}

#roomgallery #feature{margin-bottom:15px}

img.featimg:hover{opacity:0.5}



.marginT20{margin-top:20px}



.modal-content,

.thumbnail{

	background-color:#f2f2f2;

	border:none;

	border-radius:0;

	padding:10px}

.thumbnail .caption{color:#333}



.modal-header,

.modal-footer{border-color:#666}



/* =WordPress Core

-------------------------------------------------------------- */

.alignnone {

    margin: 5px 20px 20px 0;

}



.aligncenter,

div.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



.alignright {

    float:right;

    margin: 5px 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



.aligncenter {

    display: block;

    margin: 5px auto 5px auto;

}



a img.alignright {

    float: right;

    margin: 5px 0 20px 20px;

}



a img.alignnone {

    margin: 5px 20px 20px 0;

}



a img.alignleft {

    float: left;

    margin: 5px 20px 20px 0;

}



a img.aligncenter {

    display: block;

    margin-left: auto;

    margin-right: auto

}



.wp-caption {

    background: #fff;

    border: 1px solid #f0f0f0;

    max-width: 96%; /* Image does not overflow the content area */

    padding: 5px 3px 10px;

    text-align: center;

}



.wp-caption.alignnone {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignleft {

    margin: 5px 20px 20px 0;

}



.wp-caption.alignright {

    margin: 5px 0 20px 20px;

}



.wp-caption img {

    border: 0 none;

    height: auto;

    margin: 0;

    max-width: 98.5%;

    padding: 0;

    width: auto;

}



.wp-caption p.wp-caption-text {

    font-size: 11px;

    line-height: 17px;

    margin: 0;

    padding: 0 4px 5px;

}





#breadcrumbs{margin-top:10px}

#sidebar, .tab-content{padding-top:15px}	

	

#carousel-thumbnails .carousel-thumbnail {padding:0 5px;margin-bottom:10px;}

#carousel-thumbnails .carousel-thumbnail img {opacity:0.5;}

#carousel-thumbnails .carousel-thumbnail.active img,

#carousel-thumbnails .carousel-thumbnail img:hover {opacity:1;}

#carousel-thumbnails {margin:10px -5px 30px}



.make-responsive {

  position: relative;

  padding-top: 25px;

  padding-bottom: 67.5%;

  height: 0;

  margin-bottom: 16px;

  overflow: hidden;

}



.make-responsive.widescreen { padding-bottom: 57.25%; }

.make-responsive.vimeo { padding-top: 0; }



.make-responsive iframe,

.make-responsive object,

.make-responsive embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

@media only screen and (max-device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (device-width: 800px), only screen and (max-width: 767px) {

  .make-responsive { padding-top: 0; }

}




.navbar-toggle {

  display: inline-block;

  padding: 12px;

  -webkit-transition-duration: 0.3s;

  -moz-transition-duration: 0.3s;

  transition-duration: 0.3s;

  border: none;

  cursor: pointer;

  user-select: none;

  background-color:#3d0d7b;

}

.navbar-toggle:active{background-color:#3d0d7b}

.navbar-toggle .lines {

  display: inline-block;

  width: 21px;

  height: 3px;

  background: #FFF;

  transition: 0.5s;

  position: relative;

  vertical-align: middle;

}

.navbar-toggle .lines:before,

.navbar-toggle .lines:after {

  display: inline-block;

  width: 21px;

  height: 3px;

  background: #FFF;

  transition: 0.5s;

  position: absolute;

  left: 0;

  content: '';

}

.navbar-toggle .lines:before{

  -webkit-transform: rotate3d(0, 0, 1, 45deg);

  -moz-transform: rotate3d(0, 0, 1, 45deg);

  -ms-transform: rotate3d(0, 0, 1, 45deg);

  -o-transform: rotate3d(0, 0, 1, 45deg);

  transform: rotate3d(0, 0, 1, 45deg);

}

.navbar-toggle .lines:after{

  -webkit-transform: rotate3d(0, 0, 1, -45deg);

  -moz-transform: rotate3d(0, 0, 1, -45deg);

  -ms-transform: rotate3d(0, 0, 1, -45deg);

  -o-transform: rotate3d(0, 0, 1, -45deg);

  transform: rotate3d(0, 0, 1, -45deg);	

}

.navbar-toggle.collapsed .lines:before {

  top: 6px;

}

.navbar-toggle.collapsed .lines:after {

  top: -6px;

}

.navbar-toggle.collapsed:hover {

  opacity: 1;

}

.navbar-toggle.collapsed:hover .lines:before {

  top: 7px;

}

.navbar-toggle.collapsed:hover .lines:after {

  top: -7px;

}

.navbar-toggle:active {

  -webkit-transition-duration: 0;

  -moz-transition-duration: 0;

  transition-duration: 0;

  background: rgba(0, 0, 0, 0.1);

}

.navbar-toggle .lines {

  background: transparent;

}

.navbar-toggle .lines:before, .navbar-toggle .lines:after {

  -webkit-transform-origin: 50% 50%;

  -moz-transform-origin: 50% 50%;

  -ms-transform-origin: 50% 50%;

  -o-transform-origin: 50% 50%;

  transform-origin: 50% 50%;

  top: 0;

  width: 21px;

}

.navbar-toggle.collapsed .lines {

  background: #FFF;

}

.navbar-toggle.collapsed .lines:before{

  -webkit-transform: rotate3d(0, 0, 1, 0deg);

  -moz-transform: rotate3d(0, 0, 1, 0deg);

  -ms-transform: rotate3d(0, 0, 1, 0deg);

  -o-transform: rotate3d(0, 0, 1, 0deg);

  transform: rotate3d(0, 0, 1, 0deg);

}

.navbar-toggle.collapsed .lines:after{

  -webkit-transform: rotate3d(0, 0, 1, 0deg);

  -moz-transform: rotate3d(0, 0, 1, 0deg);

  -ms-transform: rotate3d(0, 0, 1, 0deg);

  -o-transform: rotate3d(0, 0, 1, 0deg);

  transform: rotate3d(0, 0, 1, 0deg);	

}





.mT20{margin-top:20px}



#btn-play{font-size:100px;position:absolute;text-shadow:3px 3px 0 RGBA(0,0,0,0.3);top:50%;left:50%;margin-left:-50px;margin-top:-20px;}

.hwd_imagewidget-image-link:hover>#btn-play{color:#FFF}





.list-group-item{background-color:transparent;border-color:#555}

a.list-group-item{color:#FFF}

a.list-group-item:focus,

a.list-group-item:hover{background-color:#3d0d7b;color:#000}





.testimonial{margin-bottom:30px}

.testimonial .box{background-color:#f2f2f2;padding:15px;font-size:0.9em;font-style:oblique}

.testimonial .arrow{margin:0 0 0 20px;

	width: 0; 

	height: 0; 

	border-left: 20px solid transparent;

	border-right: 20px solid transparent;	

	border-top: 10px solid #f2f2f2;}

.testimonial .author{margin:0 0 0 15px;font-weight:bold;margin-bottom:0}

.testimonial .role{margin:0 0 0 15px;font-size:0.8em}





.parallax-window {

    min-height: 400px;

    background: transparent;

}





.rev_slider h2{background:rgba(0,0,0,0.8);padding:20px 30px;font-size: 2em}





/*ACCOMMODATION PAGE GRID*/

.page-id-26 .wpb_single_image.wpb_content_element.vc_align_left{margin-bottom:0}

.page-id-26 .vc_row-fluid .vc_column_container{padding-top:15px}

.page-id-26 .vc_row-fluid .vc_column_container:nth-child(even){background-color:#EBEBEB}



/* WIDGETS

-------------------------------------------------- */

.widget{margin-bottom:20px}





/* RESPONSIVE CSS

-------------------------------------------------- */



@media (max-width: 782px){

	.admin-bar #header{top:46px}

}



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



@media (min-width: 992px) {}



@media (min-width: 1200px){}