/*
Theme Name: Oman bootstrapwp
Theme URI: http://colourcode.com.au/
Author: Cat Matteson
Author URI: http://colourcode.com.au/
Description: Custom theme for Consulate of Oman
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bootstrapwp
Domain Path: /languages/
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 bootstrapwp is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 - Typography
2.0 - Navbar
3.0 - Alignments
4.0 - Widgets
5.0 - Content
	5.1 - Homepage
	5.2 - Posts and pages
	5.3 - Asides
	5.4 - Tables
	5.5 - Google Map
6.0 - Footer
	6.1 - Infinite scroll
7.0 - Media
	7.1 - Captions
	7.2 - Galleries
	7.3 - Fotorama
	7.4 - Video
8.0 Word Break
9.0 Media Queries

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

@import url(https://fonts.googleapis.com/css?family=Nunito:400,300,700);

html {}

body {
	background-color: #2b3123;
	color: #333;
	font-family: 'Nunito', sans-serif;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.75em;
	padding-top: 1em;
	position: relative;
}

hr {
	border: 1px solid #e5e5e5;
}

ul {
    list-style: disc outside none;
}

/*--------------------------------------------------------------
1.0 Typography
--------------------------------------------------------------*/
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h6, .h6, th {
	font-family: Garamond,Cochin,Georgia,Cambria,"Times New Roman",Times,serif;
    font-weight: normal;
    color: maroon;
	line-height: 1.25em;
	}
	
h1, .h1, h2, .h2 {
	font-size: 24px;
}

h5, .h5 {
	color: #333;
	font-weight: 700;
}

p {
	margin-bottom: 2em;
}

a {color: #933;} 

a:hover, a:active, a:focus {
	color: #933;
	text-decoration: underline;
}

.section-heading {
	margin-bottom: 1em;
} 

/*--------------------------------------------------------------
2.0 Navbar
--------------------------------------------------------------*/
.site-header {
	background-image: url('http://oman.org.au/dashboard/wp-content/themes/bootstrapwp/img/top_center.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
    min-height: 156px;
	top: 1em;
}

.ubermenu.ubermenu-main .ubermenu-item-level-0:hover > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-active > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-item > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-parent > .ubermenu-target, .ubermenu-main .ubermenu-item-level-0.ubermenu-current-menu-ancestor > .ubermenu-target, .ubermenu.ubermenu-main .ubermenu-item-normal > .ubermenu-target:hover, .ubermenu.ubermenu-main .ubermenu-item-normal.ubermenu-active > .ubermenu-target {
	color: #fff;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

.ubermenu-main .ubermenu-submenu .ubermenu-item-header > .ubermenu-target, .ubermenu-main .ubermenu-tab > .ubermenu-target {
	font-family: Garamond,Cochin,Georgia,Cambria,"Times New Roman",Times,serif;
    font-weight: normal;
    text-transform: uppercase;
}

.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
	font-weight: 300;
}

/*--------------------------------------------------------------
2.1 Vertical side menu
--------------------------------------------------------------*/
.sidemenu {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: rgb(229,229,229); /* Old browsers */
}

.affix-top,.affix{
 position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	width: 300px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width: 300px;
  }
}

#sidebar li {
	font-size: .9em;
	margin-left: 30px;
	width:90%;
}

#sidebar li.active {
	background: white;
    box-shadow: -2px 0px 4px -1px #ccc;    
}

#sidebar .nav>li>a:focus, .nav>li>a:hover, .nav>li>a:active {
	background: white;
    box-shadow: -2px 0px 4px -1px #ccc	
}


#leftCol a {
	color: #777;
}

#rightCol h2 {
padding-top: 70px;
}

.sectionBreak {
margin-top: 50px;
border-top: 1px solid #e5e5e5;
margin-bottom: -30px;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 3em;
	padding-bottom: 1em;
	margin-top: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 3em;
	padding-bottom: 1em;
	margin-top: 1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
	padding-bottom: 1em;
}

.mt {
	margin-top: 30px;
}

.mb {
	margin-bottom: 30px;
}

.mtb {
	margin-top: 30px;
	margin-bottom: 30px;
}

.pt {
	padding-top: 30px;
}

.pb {
	padding-bottom: 30px;
}

.ptb {
	padding-top: 30px;
	padding-bottom: 30px;
}



/*--------------------------------------------------------------
4.0 Widgets
--------------------------------------------------------------*/
 
	#secondary {
	padding-top: 31px;
    font-size: 12px;
    line-height: 1.75em;
}

@media only screen and (min-width : 992px) {
	#secondary {
	background: url("img/content_sep_r.jpg") 0px -1px no-repeat;
}
}

.nav-tabs {
	border-bottom: 3px solid #CF8080;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #fff;
    cursor: default;
    background-color: #CF8080;
    border: 1px solid #CF8080;
    border-bottom-color: transparent;
}

.nav-tabs>li a:focus, .nav-tabs>li a:hover {
	background: #f5f5f5;
    border-bottom-color: #CF8080;
}

.tab-content {
	padding-top: 15px;
	padding-bottom: 30px;
}

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}

/*--------------------------------------------------------------
5.0 Content
--------------------------------------------------------------*/
.content {
	padding: 0px 45px 45px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background: rgb(229,229,229); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 97%, rgba(229,229,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 97%,rgba(229,229,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 97%,rgba(229,229,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

#main {
	padding-bottom: 30px;
} 

/*--------------------------------------------------------------
5.1 Homepage
--------------------------------------------------------------*/
.homepage-box {
	margin: 30px auto 0;
}

.homepage-box .well {
	height: 380px;
	position: relative;
}

.homepage-box ul {
	list-style-type: none;
	padding: 0;
}

.fp-well {
    font-size: 12px;
    line-height: 1.75em;
    padding: 0 19px 8px;
    border-radius: 7px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}

.fp-block {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 7px;
    box-shadow: 0 0 10px -3px rgba(0,0,0,0.1);
}

.fp-block:before, .fp-block:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 7px;
}

#fp-hismajesty {
    background: url("img/q-bg.jpg");
    height: 174px;
}

#fp-hismajesty:before {
    background: url("img/q-text.gif") no-repeat left top;
    background-size: contain;
    top: 27px;
    left: 15px;
    width: 280px;
    height: 134px;
}

#fp-welcome {
    background: url("img/consul-bg.jpg") right center;
    height: 146px;
}

#fp-welcome:before {
    background: url("img/consul-text.gif") no-repeat right center;
    background-size: contain;
    top: 0px;
    right: 30px;
    width: 340px;
    height: 131px;
}

@media only screen and (min-width : 640px) {
.fp-block {
    min-width: 560px;
}
#fp-hismajesty:before {
    background: url("img/q-text.gif") no-repeat left top;
    top: 27px;
    left: 30px;
    width: 480px;
    height: 134px;
}
#fp-hismajesty:after {
    background: url("img/q-right.jpg") no-repeat right top;
    width: 220px;
    height: 174px;
}
#fp-welcome {
    background: url("img/consul-bg.jpg") left center;
    height: 146px;
}
#fp-welcome:before {
    background: url("img/consul-text.gif") no-repeat left top;
    top: 30px;
    right: 10px;
    width: 480px;
    height: 131px;
}
}

#page-nav {
    position: absolute;
    bottom: 0.25em;
    right: 1em;
}


/*--------------------------------------------------------------
5.2 Posts and pages
--------------------------------------------------------------*/
.entry-title {
	margin-top: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #e5e5e5;
}

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
	border-bottom: 0px solid #ddd;
	padding-bottom: 1em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}   


/*--------------------------------------------------------------
5.3 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
5.4 Tables
--------------------------------------------------------------*/
    .a_table {
	clear: both;
    font-size:.8em;
    line-height: 1.25em;
    border-top:2px solid #963;
    border-bottom:1px solid #a96;
    border-collapse:collapse;
    margin-bottom: 2em;
    width: 100%;
    }
    
    .a_table th {
    border-bottom: 1px solid #c77;
    background: #fbf8f8 url('img/a_tablebg.gif') bottom left no-repeat;
    padding: .75em 1em;
    margin: 0px;
    font-weight: 700;
    color: #333;
	font-family: 'Nunito', sans-serif;
	}
    
    .a_table td {
        border-bottom:1px solid #c77;
        background:#fbf8f8 url('img/a_tablebg.gif') bottom left no-repeat;
        padding:.75em 1em; 
        margin:0px;
    }
    
    .education .a_table {
	clear: both;
    font-size:1em;
    line-height: 1.25em;
    border-top:none;
    border-bottom:none;
    border-collapse:collapse;
    margin-bottom: 2em;
    width: 100%;
    	text-align: center;

    }
    
    .education .a_table th {
    border-bottom: none;
    background: transparent;
    padding: .75em 1em;
    margin: 0px;
    font-weight: 700;
    color: #333;
	font-family: 'Nunito', sans-serif;
	text-align: center;
	}
    
    .education .a_table td {
        border-bottom:none;
        background:transparent;
        padding:.75em 1em; 
        margin:0px;
    }


/*--------------------------------------------------------------
5.5 Google Map
--------------------------------------------------------------*/
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}



/*--------------------------------------------------------------
6.0 Footer
--------------------------------------------------------------*/
.site-footer {
	color: #87986b;
	font-size: 11px;
	margin-top: 1em;
	line-height: 1.5em;
	}

.site-footer a {
	color: #87986b;
}


/*--------------------------------------------------------------
6.1 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
7.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
/* Make sure embeds and iframes fit their containers */
embed,
object,
img {
	max-width: 100%;
	height: auto;
}

iframe {
	max-width: 100%;
}

.img-circle {
	padding: 15px;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

.img-circle:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}

.entry-image {
	padding-top: 30px;
}

/*--------------------------------------------------------------
7.1 Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/*--------------------------------------------------------------
7.2 Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}
.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}
.gallery-columns-2 .gallery-item {
	max-width: 50%;
}
.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
	max-width: 25%;
}
.gallery-columns-5 .gallery-item {
	max-width: 20%;
}
.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}
.gallery-caption {}

/*--------------------------------------------------------------
7.3 Fotorama
--------------------------------------------------------------*/
.fotorama--wp {
    margin:0 -15px;
}

/*--------------------------------------------------------------
7.4 Video
--------------------------------------------------------------*/
	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

/*--------------------------------------------------------------
8.0 Word Break
--------------------------------------------------------------*/
/*
#primary, #secondary {
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
*/

/*--------------------------------------------------------------
9.0 Media Queries 
--------------------------------------------------------------*/

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

 /* Extra Small Devices, Phones */ 
@media only screen and (max-width : 479px) {
.content {padding: 15px !important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 767px) {
body {padding-top: 0}
.site-header {
	background-image: none;
	background-color: #9b1200;
	min-height: 50px;
	text-transform: uppercase;
}
#rightCol h2 {
padding-top: 0px;
}

.sectionBreak {
margin-top: 20px;
margin-bottom:30px;}

#main {
	margin-top: 30px !important;
}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
body {padding-top: 0}
.site-header {
	background-color: #9b1200;
	background-size: auto;
}
.ubermenu-responsive-toggle, .ubermenu-sticky-toggle-wrapper {
	margin-top: 106px;
}
.ubermenu-responsive-toggle.ubermenu-responsive-toggle-main, .ubermenu-responsive-toggle.ubermenu-responsive-toggle-main:hover {
	background: transparent !important;
}
.ubermenu-responsive-toggle.ubermenu-sticky {
	background-color: #9b1200 !important;	
}
}

@media only screen and (min-width : 992px) and (max-width : 1199px) {
.nav>li>a {
    padding: 10px 9px;
}
#secondary {
    font-size: 11px;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	#rightCol {
    box-shadow: -2px 0px 4px -1px #ccc
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.homepage-box .well {
	height: 320px;
	position: relative;
}
}