/*
Theme Name: Index AR Solutions 2016
Theme URI: http://indexarsolutions.com
Author: Consociate Media
Author URI: http://consociate.marketing
*/

body { font-family: 'Catamaran', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:200; padding:0; margin:0  }

h1, h2, h3, h4, h5, h6 { line-height:inherit }
p { margin: 0 0 20px 0 }

a:hover { text-decoration:none }

ul { padding-left:0; list-style-type:none }

.center { text-align: center }

.hide { display: none }

hr { border-top: 1px solid #CBCBCB; clear:both }
hr.black { border-top: 1px solid #000; }
hr.blue { border-top: 5px solid #337ab7; margin: 30px auto }

.mar-btm-50,
	.su-row.mar-btm-50 { margin-bottom:50px }
a.mar-top-0 { margin-top:0 }

/* Images */
#header-page .featured img,
.feat-pic img,
#team img,
.covers img,
.study .feat-pic img,
#sidebar img.size-full,
.su-column img,
img.size-large { width:100%; height:auto }

.logo img,
#header-page .featured img,
#team img,
.covers img { 
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25)
}
#main a img:hover,
	.bio-pic a img:hover,
	.hover a img:hover,
	.onepagers img:hover,
	#cta img:hover { opacity: 0.75; filter: alpha(opacity=75) 
}

.covers img { margin-bottom:15px }

/* Centering image within cropped element */
.feat-pic  { position: relative; height: 200px }
.feat-pic img  { 
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%); 
}

/* Buttons */
.btn-ar { width:221px; height:75px; padding:12px; font-size:22px; margin:25px auto 0 auto; text-align:center; display:block }
.btn-ar.left { margin-left: 0 }
.darkblue { background:url(/images/btn-darkblue.png) 0 0 no-repeat }
.blue { background:url(/images/btn-blue.png) 0 0 no-repeat }
a.btn-ar.blue,
a.btn-ar.darkblue { color:#fff }
a:hover.btn-ar.blue,
a:hover.btn-ar.darkblue { color:#add3ea }

.btn-gray { background-color:#838383; color: #fff }

.btn-ar.small { font-size: 18px; padding: 15px; cursor: pointer}

.btn { padding: 10px 12px 6px 12px; white-space: normal }
.btn-lg { padding: 10px 16px 7px 16px; }

/* Header */
#header { background:url(/images/pattern-honeycomb-blue.jpg) 0 0 repeat; min-height:750px;  position:relative }

.fade-top { background:url(/images/bg-fadetop.png) 0 0 repeat-x; height:200px; }
#header-page .fade-top { }

.logo img { width:270px; }

.navbar { z-index:15 }
.navbar-default { background:none; border:none; padding-top:25px; margin-top:-175px }
.navbar-default .navbar-nav > li { background:url(/images/nav-sep.png) left 20px no-repeat; padding-left:10px; }
.navbar-default .navbar-nav > li > a { color: #fff; font-size:18px; font-weight:400; text-transform:uppercase;  }
.navbar-default .navbar-nav > li > a:hover { color:#5aaddd; }
.navbar-default .navbar-nav > li.home { background:none; padding-left:0 }
.navbar-right { padding-top: 15px; padding-bottom: 8px; }
.navbar-default .navbar-nav > .active > a { padding-bottom:10px; border-bottom:1px solid #5aaddd; color:#5aaddd; background:none }
.navbar-default .navbar-nav > .active > a:hover { background:none; color:#fff }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent; }

.navbar-fixed-top.scrolled {
  background-color: #004673 !important;
  transition: background-color 200ms linear;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.10);
}
.dropdown-menu > li { border-bottom:1px solid #5aaddd; padding: 0 5px 5px 5px; margin-bottom: 5px }
.dropdown-menu > li.last { border-bottom:none; padding-bottom: 0; margin-bottom: 0 }
.dropdown-menu > li > a:hover { background-color: #5aaddd; color: #fff }

.navbar-right .dropdown-menu { left: 10px; right: auto }

#header .social,
#header-page .social { float:right; margin-top:-20px; margin-right:25px }
#header .social img,
#header-page .social img { margin:15px 5px }
/* #header .gr-wrap { background:url(/images/header-ipadblendB.png) center 0 no-repeat; width:1216px; height:671px; background-size:cover; position:absolute; bottom:-132px } */
#header .gr-wrap, #header-page .gr-wrap { background:url(/images/header-ipadblend.png) center 0 no-repeat; width:1216px; height:671px; background-size:cover; position:absolute; bottom:-132px }
#header .gr-wrap .copy, #header-page .gr-wrap .copy { font-size:26px; color:#FFF; text-align:center; width:75%; margin:0 auto; padding-top:90px }

/* Home */
#home-white { background:url(/images/bg-homewhite.jpg) center 0 no-repeat; min-height:575px; text-align:center;  }
#home-white .copy { font-size:26px; color:#000; padding-top:175px }
#home-white .gr-wrap { position:relative }
#home-white .graphic { position:absolute; top:75px; right:0px; z-index:3 }

#home-blue { background:url(/images/pattern-honeycomb-blue.jpg) 0 0 repeat; position:relative; z-index:2 }
.carousel { margin-bottom:0 }
.carousel-caption { bottom: 25% }
.carousel-inner > .item > img { height: auto }
.carousel-control.left, .carousel-control.right { background-image:none }

#home-team { background:url(/images/pattern-honeycomb-gray.jpg) 0 0 repeat; min-height:520px; position:relative }
#home-team .copy { font-size:26px; color:#000; margin-top:70px; text-align:left; position:relative; z-index:12 }
#home-team .btn-ar { margin-left:0 }
#home-team .team-pic { background:url(/images/gr-hometeam.png) right 0 no-repeat; width:1037px; height:546px; position:absolute; top:-27px; right:0; z-index:4 }

.team-photo { padding-top:25px }
.slider { border:3px solid #fff }

/* Video */
.nav-cap { background:url(images/navcap-angle.png) center 0 no-repeat; position:relative; z-index:6; width:430px; height:30px; margin:0 auto }
#video-wrap { position:relative; z-index:2; max-height:550px; overflow:hidden; }
#video-wrap img { width:100%; height:auto; margin-top:-30px }

.video { width: 100%; height:auto; margin-top:-75px; }
video::-webkit-media-controls-start-playback-button { display: none !important } /* HIDE VIDEO CONTROL - iPhone */

#video-wrapper { width:100%; height:100%; background-color: rgba(0, 0, 0, 0.50); position: absolute; top:0; left:0; z-index: 2 }
.video-caption { position:relative; top:37%; color:#fff; text-align:center }
.caption-title { font-size:44px; background:url(images/line-caption.png) center bottom no-repeat; padding-bottom:15px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5) }
.caption-title a { color:#fff } .caption-title a:hover { color:#BBBBBB }
.caps { color:#5aaddd }

/* Video Embed */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Page */
#header-page { background:url(/images/pattern-honeycomb-blue.jpg) 0 0 repeat; min-height:400px }
#header-page .intro .title { font-size:34px; color:#FFF; font-weight:400; text-transform:uppercase; margin-bottom: 10px }
#header-page .intro .copy { font-size:24px; color:#dcdcdc; font-weight:100; margin-bottom:25px }
#header-page .intro .copy a { color:#003560 }
#header-page .graphic { text-align:right; position:relative }
#header-page .featured { text-align:right; position:absolute; right:0; top:0; z-index:9 }
#header-page .featured img { max-width:450px; max-height:300px; width:inherit; margin: 10px 0 25px 0 }

#main .fade-top { background:url(/images/bg-fadetop-main.png) 0 0 repeat-x; height:63px }
#main .fade-cap { background:url(/images/bg-fadetop-main.png) 0 0 repeat-x; height:63px;
	webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
#main { font-size:20px; background:#FFF url(/images/pattern-honeycomb-graylight.jpg) 0 0 repeat }
#main .title { font-size:34px; color:#000; font-weight:400; text-transform:uppercase; margin:30px 0 10px 0; width:60% }
#main .nav-tabs { font-size:20px; margin-top:25px; border-bottom:0; color:#fff }
#main .tab-content { font-size:20px; margin-top:2px; border-bottom:0; color:#fff }
#main .nav-tabs > li > a { margin-right: 1px; background:#003560; border: 0; border-radius:0; padding:10px 15px; font-size:18px; color:#fff; text-transform:uppercase; line-height:1em }
#main .nav-tabs > li { width:100%; margin-bottom:1px }
#main .nav-tabs > li > a:hover, #main .nav-tabs > li.active a { background:#0f70af }
#main .tab-content ul li { border-bottom:1px solid #000; margin-bottom:10px; padding-bottom:10px }
#main .tab-pane { background:#D6D6D6; padding:20px; color:#000 }

.in-the-news h3 { padding-top:5.5% }

#content ul { margin-left:25px}
#content ul li { list-style-type:disc; margin-bottom: 5px }
#content img.size-full { width:auto; height:auto }

/* SIDEBAR */

#sidebar { min-height:200px }
#sidebar h3 {  }
.list { padding:30px;  margin-top:125px; 
	background: #f3f3f3; /* Old browsers */
	background: -moz-linear-gradient(top,  #f3f3f3 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f3f3f3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f3f3f3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
#sidebar .list { position:relative; z-index:10; font-size:18px; font-weight:600; text-align:center }
#sidebar .list .title { font-size:22px; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #b8b8b8 }
#sidebar .list ul li a { color:#0f70af }

#sidebar .btn-ar { margin-left: 0 }

/* CONTACT / FORMS */

.wpcf7 .wpcf7-form-control { max-width: 100% }

textarea { border: 1px solid #ddd; }

input[type="submit"] { padding-top:5px }

/* BLOG */

#post { } /* Ensures even height for Blog landing posts */

#post.col-md-6, #media-post.col-md-6 { padding-left:0; padding-right:25px }

.feat-pic { margin-bottom:15px; overflow:hidden }
.post-title { font-weight:bold; font-size:24px; padding-bottom:4px }
.post-date { font-weight:bold; font-style:italic; border-top:1px solid #cccbc3; border-bottom:1px solid #cccbc3; padding:5px 0; margin:5px 0 10px 0 }

.post { margin-top:50px }
.post .featured-image { margin-bottom:25px }
.post .lazysocialbuttons { margin-top:0 }

.news-copy { margin-top:15px }
.news-copy p { margin: 0 0 20px; }

.blog-cats { margin-bottom:25px }
.blog-cats  { margin-top:8px }
.blog-cats li { border-bottom:1px solid #CBCBCB; padding-bottom:15px; margin-bottom:15px }
.blog-cats li.last { border-bottom:none; padding-bottom:0; margin-bottom:0 }

.wp-caption-text { text-align: center; padding-top: 10px; font-weight: bold; }

/* TEAM */

#team .bio { margin-top:20px; text-align:center; min-height:340px }
.bio-pic { margin-bottom:20px }
.bio-name { font-weight:bold }
.bio-title { font-size:.9em }

.headshot { padding-right:6% }

.wpcf7-recaptcha { margin-bottom:15px }

/* CASE STUDY */

.study .feat-pic { max-height:inherit }
.challenge { background:#337ab7; padding:20px; color:#fff }

/* ABOUT US */
.recent-posts li { margin-bottom:25px; font-weight:500 }

/* NEWS */
.news-copy ul {  padding-left:20px }
.news-copy ul li { list-style-type:disc; margin-bottom:10px }
img.alignright { float:right; margin:10px 0 15px 25px }

/* MEDIA */

h1.blue { background:url(/images/pattern-honeycomb-blue.jpg) 0 0 repeat; color:#fff; padding:7px 0 3px 15px; margin-bottom:20px }

#media-post { min-height:450px } /* Ensures even height for Blog landing posts */
#media-post .post-date { border-top:0; border-bottom:5px solid #337ab7 }
#media-post .feat-pic { text-align:center }
#media-post h3 { font-size:23px }

/* Email Download form - menu fix */
#doifdForm1 .doifdDefault1 ul, li {
    list-style: none;
    padding-top: 0;
    margin: 0 auto;
}

/* Opt-in Panda plugin */
.onp-sl { margin: 20px 0 }

/* ASK INDEX */

ul.list-gr li { background: url(/images/icon-indexlogo.png) 0 center no-repeat; background-size:25px 25px; margin:15px 0; padding:3px 0 0 45px; font-size: 24px }

/* SERVICES */

.onepagers { margin-top:40px }
.onepagers .post-title { margin-bottom:15px; text-align: center; }
.onepage-title { background:url(/images/pattern-honeycomb-blue.jpg)0 0 repeat; padding:25px 40px; font-size: 26px; }
.onepage-title a { color: #fff; }
.onepage-title a:hover { color: #add3ea; }

/* RETREAT */

.sub-menu { margin-top: 25px }
.sub-menu a { margin: 0 10px 10px 0 }

.panel-title { font-size:24px; padding:10px 15px 5px 10px }
.panel-title a:hover { color:#a8c6d9 }

.panel-default > .panel-heading { margin-right: 1px; background:#003560; border: 0; border-radius:0;  color:#fff; text-transform:uppercase; line-height:1.3em }
.panel { background:#D6D6D6; color:#000; border: 0 }
.panel .collapse, .panel .collapsing { padding:25px 25px 10px 25px }

/* MISC */

.onepage-thumb img.alignright { margin-top: 0 }
.su-row.kingsmill { margin-bottom:0 }

/* FOOTER */

#footer { background:url(/images/pattern-honeycomb-blue.jpg) 0 0 repeat; font-size:20px; color:#fff; text-align:center; padding:0 0 50px 0 }
#footer .row { margin-top:-150px }
#footer .title { font-size:24px; font-weight:600; border-bottom:1px solid #427494; padding-bottom:10px; margin-bottom:15px }
.phone-email { margin-top:25px }
#footer .logo img { width:200px; margin:10px auto 20px auto }
#footer .social img { padding:15px 5px; margin-bottom: 25px }
#footer a, #footer a:visited { color:#65acdb } #footer a:hover { color:#a8c6d9 }
#footer .sitemap { font-size:18px }
#footer .copyright { margin: 20px 0}

.col-flow ul {
  -webkit-columns: 2 150px;
     -moz-columns: 2 150px;
          columns: 2 150px;
}
.col-flow ul.children { columns:normal }
.col-flow ul li { line-height: 1.1em; margin-bottom:10px }

/* VERTICAL CENTERING */

.apps .pic img, .apps .pic, .apps .text { display: inline-block; }

.onepagers .post-title,
.onepage-title,
.apps .pic, .apps .text,
.kingsmill img, .kingsmill div { 
	display: flex;
	justify-content: center;
	flex-direction: column;
}

/* ELEMENTOR */

.elementor hr { margin:20px 0 !important }
.elementor h3 { margin-top:0 !important }

/*==========  RESPONSIVE  ==========*/
/*==================================*/

    /* Custom - 1420px */
    @media only screen and (max-width : 1420px) {
		
		#home-team .copy { padding:15px; background:rgba(255, 255, 255, 0.75); position:relative; z-index:5 }
		#home-team .btn-ar {  position:relative; z-index:6 }
		
    }
	
	/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {
		
		.logo img { width:150px }
		.navbar-default .navbar-nav > li > a { font-size:16px }
		.navbar-right { padding-top:5px }
		
		/* Home */
		#header { min-height:600px }
		#header .gr-wrap { width:1000px; height:552px; bottom:-109px }
		
		#home-white .graphic { top:150px }
		#home-white .graphic img { width:100% }
		
		.carousel-inner > .item > img { max-width:none; height: 100% }
		
		/* Page */
		#header-page .featured img { max-width:400px }
		
		/* Team */
		#team .bio { min-height:415px }
		
		/* Blog */
		#post { min-height: 860px; }
		
    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
		
		a.mar-top-0 { margin-top:25px }
		
		/* Home */
		#header .gr-wrap { width:800px; height:442px; bottom:-87px }
		#header .gr-wrap .copy { padding-left:35%; font-size:24px; padding-top:0 }
		
		#home-white .copy { padding-top:75px }
		#home-white .graphic { top:0; right:50px }
		#home-white .graphic img { width:50% }
		
		/* Video */
		.video-caption { top:33% }
		.caption-title { font-size:36px; }
		
		/* Page */
		#header-page { height:100% }
		#header-page .featured { position:relative; text-align:center }
		#main .title { margin-top:0; width:100% }
		
		#media-post .feat-pic img { width:50% }
		
		/* Blog */
		#post { min-height: 0 }

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
		
		.navbar-fixed-top { background-color:#004673 }
		
		.navbar-default .navbar-nav > li { background: none; padding-left: 0; }
		.navbar-default .navbar-nav > li > a { color: #fff; background:rgba(223,223,223,.1); margin-bottom:1px; position:relative; z-index:20 }
		
		.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff }
		
		#header .social, #header-page .social { margin-top:0; padding-right:35px }
		
		/* Home */
		#header { min-height: 300px }
		#header .row { margin-top:0 }
		#header .gr-wrap { background:none; width:auto; height:auto; position:inherit }
		#header .gr-wrap .copy { padding-left:0;  }
		#header .social,
		#header-page .social { margin: 0 auto; padding-right:0 }
		
		#home-white .copy { padding-top:30px }
		#home-white .graphic { right:0; z-index:5 }
		#home-white .graphic img { width:80% }
		
		#home-team .copy { text-align:center }
		#home-team .btn-ar { margin:0 auto }
		
		/* Page */
		#main { font-size:16px }
		#main .title { font-size:26px; margin-top:-35px; width:100% }
		
		#media-post .feat-pic img { width:75% }
		
		/* Video */
		.video-caption { top:30%; padding:0 25px}
		.caption-title { font-size:30px; }
		
		/* Team */
		#team .bio { min-height:570px }

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {

		#header .gr-wrap .copy,
		#home-white .copy,
		#home-team .copy { font-size:20px }
		
		/* Footer */
		#footer .logo { margin-top:15px; padding-top:15px; border-top:1px solid #65acdb  }
		#footer .copyright { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #65acdb  }
		
		/* Page */
		#media-post .feat-pic img { width:100% }
		
		/* Team */
		#team .bio { min-height:320px }
		
		/* Video */
		#video-wrap { display:none }
		
		/* One Pagers */
		.onepage-thumb img.alignright { float: none; margin: 0 auto 25px auto; display: block}

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {
        
    }