/*
Theme Name: Roo Dental child
Template: roodental

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.

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

Credits:

1. Bootstrap

 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)

 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker

* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

3. Glyphicons

 * http://getbootstrap.com/components/

*/

/* My Minimal WordPress Styling comes here */


/*
 == Quick CSS styling tips ==

 You can start off in a rough direction with some minimal styles.
 See below for some tips. ;)

 == Want to wrap just the content and sidebar in Bootstrap style? ==

 That one is a great example to show that some things are much cleaner and easier to do via just adding some HTML classes.
 In this case, we will add just one CSS class "panel", look for example at the beginning in content.php!


 == Infinite Scrolling by Jetpack ==
 You can enable this cool feature by simply decommenting the lines below and make sure you use the same classes on the right place in your html..

/* Globally hidden elements when Infinite Scroll is supported and in use.
 * Older / Newer Posts Navigation (the pagination, must always be hidden), Theme Footer only when set to scrolling.. */

/*
.infinite-scroll .page-links,
.infinite-scroll.neverending .site-footer {
	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;
}
*/

/* ------------------------------------------------------------------------------- */
/* STRUCTURE */
/*Want to have the whole site wrapped?

 Just fill the .container class with some background color to have a the whole site "wrapped".
 This works so easy because every main part is wrapped only once into a container class by bootstrap.
 Try out by decommenting the next line and go from there.

 .container { background: #f9f9f9; border-right: 1px solid #eee; border-left: 1px solid #eee; }
 
Use the below body style if you want to add a background image or pattern
 body {
 	background-image: url('');
 	background-repeat: repeat;
 	background-color: #eae2d6;
 }
*/


/* ------------------------------------------------------------------------------- */
/* FONTS */
body, p {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
}

body, p {
	font-size: 16px;
	line-height: 25px;
	color: #666666;
	font-weight: 300;
}

@media only screen and (max-width : 479px) {
body, p {
	font-size: 15px;
	line-height: 24px;
	color: #5e514d;
}
}

ul {
	font-size: 16px;
	line-height: 25px;
	color: #5e514d;
}

h1 {
	font-size: 32px;
	line-height: 44px;
	color: #00b274;
	font-weight: 300;
}

h2 {
	font-size: 22px;
	line-height: 32px;
	font-weight: 300;
	color: #00b274;
	text-transform: uppercase;
}

h3 {
	font-size: 20px;
	line-height: 28px;
	color: #00b274;
	font-weight: 300;
	text-transform: uppercase;
}

h4 {
	font-size: 17px;
	line-height: 24px;
	font-weight: 400;
	color: #00b274;
	margin-top: 20px;
}

h5 {
	font-size: 16px;
    margin-top: 20px;
}

h6 {
	color: #00905e;
    font-size: 12px;
    margin-top: 20px;
    text-transform: uppercase;
}

.fa {
	font-size: 90%;
}


/* ------------------------------------------------------------------------------- */
/* MAIN CONTENT */

/* To remove white margin on right of page when screen size is below 768px */
html, body {
  overflow-x: hidden;
}

.main-content {
	background-color: #ffffff;
}

/* To add space above title on child pages - class added to content-page.php */
.child-content {
	padding-top: 20px;
}

.rdntl-full-width {
	width: 100%;
}

.no-gutter {
    margin-right:0;
    margin-left:0;
}

.rdntl-centered {
    text-align: center;
}

/*.child-page-background {
	background-image: url('../../../wp-content/uploads/2016/07/roo-dental-light-smile.png');
	background-position: 10% 0;
    background-repeat: no-repeat;
}*/


/* ------------------------------------------------------------------------------- */
/* HEADER */

#masthead {
	background-color: #00b274;
}

.site-header {
	background-image: url('../../../wp-content/uploads/2016/07/roo-dental-header-smile.png');
	background-position: 80% 0;
    background-repeat: no-repeat;
}

.site-logo {
	background-image: url('../../../wp-content/uploads/2016/07/roo-dental-logo.png');
	width: 253px;
	height: 130px;
	margin-top:38px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	/*margin-left: 15px;*/
}

@media only screen and (max-width : 767px) {
.site-logo {
	background-image: url('../../../wp-content/uploads/2016/07/roo-dental-logo.png');
	width: 253px;
	height: 115px;
	margin-top:38px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	background-size: 85%;
}
}

@media only screen and (max-width : 520px) {
.site-logo {
	background-image: url('../../../wp-content/uploads/2016/07/roo-dental-logo.png');
	width: 253px;
	height: 95px;
	margin-top:38px;
	margin-bottom:20px;
	background-repeat: no-repeat;
	background-size: 70%;
}
}

.site-header-rhs {
	margin-top: 70px;
	float: right;
	text-align: right;
	color: #ffffff;
}

.site-header-rhs p {
	color: #ffffff;
	margin-bottom: 0;
}

.site-header-rhs h3 {
	color: #ffffff;
	margin-bottom: 0;
	margin-top: 0;
	text-transform: none;
	font-weight: 700;
}

@media only screen and (max-width : 767px) {
.site-header-rhs {
	margin-top: -110px;
	float: right;
	text-align: right;
}
}

@media only screen and (max-width : 520px) {
.site-header-rhs {
	margin-top: 0;
	float: left;
	text-align: left;
}
}

p.header-phone-number {
	font-size: 20px;
}


/* ------------------------------------------------------------------------------- */
/* SLIDER */

.site-slider {
	padding-left: 0;
	padding-right: 0;
	background-color: #ffffff;
}



/* ------------------------------------------------------------------------------- */
/* BOOKING BAND */

.rdntl-booking-band {
	background-color: #00b274;
	padding: 40px 0 15px 0;
}
.rdntl-booking-band h2 {
	color: #ffffff;
	font-weight: 300;
	font-size: 28px;
	line-height: 135%;
	margin-bottom: 0;
	display: inline;
	margin-right: 30px;
}

@media only screen and (max-width : 767px) {
.rdntl-booking-band h2 {
	font-size: 22px;
}
}

/* ------------------------------------------------------------------------------- */
/* INTRO BAND */

.rdntl-intro-band {
	padding: 45px 0 30px 0;
}

.rdntl-intro-band h1 {
	font-size: 22px;
	line-height: 32px;
	text-transform: uppercase;
}

.rdntl-intro-band img {
    border: 15px solid #dcefe3;
    border-radius: 50%;
}


/* ------------------------------------------------------------------------------- */
/* ICON BAND */

.rdntl-icon-band {
	padding: 50px 0 40px 0;
	background-color: #dcefe3;
	background-image: url('../../../wp-content/uploads/2016/07/roo-dental-light-smile.png');
	background-position: 10% 0;
    background-repeat: no-repeat;
}

@media only screen and (max-width : 767px) {
.rdntl-icon-band img {
	padding-top: 40px;
	box-sizing: content-box;
}
.rdntl-icon-band {
	padding: 0 10% 30px 10%;
	background-color: #dcefe3;
}
}

@media only screen and (min-width : 1199px) {
.rdntl-intro-text {
	padding-right: 7%;
	padding-left: 7%;
}
}
@media only screen and (min-width : 768px) {
.rdntl-icon-text {
	padding-right: 3%;
	padding-left: 3%;
}
}


/* ------------------------------------------------------------------------------- */
/* TEXT BAND */

.rdntl-text-band {
	padding: 45px 0 30px 0;
}

.rdntl-text-band img {
    border: 15px solid #dcefe3;
    border-radius: 50%;
}


/* ------------------------------------------------------------------------------- */
/* BLOCK QUOTES */
blockquote {
    border-right: 1px solid #dcefe3;
    border-top: 1px solid #dcefe3;
    border-left: 1px solid #dcefe3;
    border-bottom: 1px solid #dcefe3;
    font-size: 17px;
    margin: 30px 0 30px;
    padding: 10px 20px;
    border-radius: 4px;
}

blockquote footer::before, blockquote small::before, blockquote .small::before {
    display: none;
}

blockquote footer, blockquote small, blockquote .small {
    color: #dc8633;
    display: block;
    font-size: 100%;
    font-weight: 600;
    line-height: 1.42857;
}

.gepe-cite {
	color: #dc8633;
    display: block;
    font-size: 100%;
    font-weight: 600;
    line-height: 1.42857;
    margin-top: 10px;
}


/* ------------------------------------------------------------------------------- */
/* BANNER IMAGE */

.rdntl-banner {
	/*Background image url is inline styled into header.php for use as custom field so image can be changed in editor*/
    background-position: 50% 50%;
    background-size: cover;
    padding-bottom: 65px;
    margin-bottom: 40px;
    background-color: #90cfb0;
}

.rdntl-banner::after {
    /*background: rgba(94, 81, 77, 0.8);*/ /*This is for a transparent overlay*/
    /*background: rgba(39, 19, 19, 0.76) linear-gradient(rgba(39, 19, 19, 0.76), rgba(45, 22, 21, 0.38)) repeat scroll 0 0;*/ /*CSS3 gradient in addition to overlay*/
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

h1.page-title {
	color: #ffffff;
	margin-top: 90px;
	font-size: 56px;
}

.rdntl-banner .page-title-box {
	z-index: 2;
	position: relative; /*z-index only works on positioned elements*/
}

@media only screen and (max-width : 991px) {
.rdntl-banner {
	/*Background image url is inline styled into header.php for use as custom field so image can be changed in editor*/
    background-position: 50% 50%;
    background-size: cover;
    padding-bottom: 30px;
    margin-bottom: 20px;
}
h1.page-title {
	margin-top: 60px;
	font-size: 44px;
}
}

@media only screen and (max-width : 767px) {
h1.page-title {
	margin-left: -15px;
}
}


/* ------------------------------------------------------------------------------- */
/* SIDEBARS */

.sidebar {
	margin-top: 30px;
}

.rdntl-sidebar-booking {
	background-color: #00b274;
	padding: 15px;
	border-radius: 4px;
}

.rdntl-sidebar-booking h4 {
	color: #ffffff;
	margin: 0 0 15px 0;
}

/*Change size of button for smaller screen*/
@media only screen and (min-width : 768px) and (max-width : 991px) {
.rdntl-sidebar-booking .rdntl-button-large {
	font-size: 12px;
}
}

/*Sidebar opening hours box*/
#text-8 {
	color: #00b274;
}

/*Hide sidebar boxes for mobile as same content is in footer*/
@media only screen and (max-width : 767px) {
#text-8, #text-6, #nav_menu-2 {
	display: none;
}
}

/*Hide services arrows in sidebar on small screen as they get squashed into content*/
@media only screen and (min-width : 768px) and (max-width : 991px) {
.sidebar .rdntl-footer-service:after {
	display: none;
}
}

.rdntl-line {
	width: 100%;
	height: 1px;
	background-color: #d5cbc8;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rdntl-line-top {
	width: 100%;
	height: 1px;
	background-color: #d5cbc8;
	margin-top: 10px;
	margin-bottom: 10px;
}

.rdntl-sidebar-image {
	margin-top: 10px;
	margin-bottom: 10px;
}

.sidebar-panel1 {
	/*padding: 20px;*/
}

.sidebar-panel1 h3 {
	margin-top: 0;
	margin-bottom: 4px;
}

.sidebar-panel1 p {
	color: #ffffff;
}

.sidebar-panel1 .fa {
	font-size: 80%;
}

.sidebar-panel1	h3:hover, .sidebar-panel1 h3:focus, .sidebar-panel1 h3:active {
    color: #857874;
}

.sidebar-panel1	a:hover, .sidebar-panel1 a:focus {
    text-decoration: none;
}


/* ------------------------------------------------------------------------------- */
/* SIDEBAR MENU */

.menu-sidebar-menu-container .nav > li > a {
    padding: 4px 0;
    border-bottom: 1px dotted #80d5b4;
}

.menu-sidebar-menu-container .nav > li > a:focus, .menu-sidebar-menu-container .nav > li > a:hover {
    background-color: transparent;
    text-decoration: underline;
}

.menu-sidebar-menu-container .nav > li > a:after {
    color: #80d5b4;
    content: "";
    display: block;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

/*Hide services arrows in sidebar on small screen as they get squashed into content*/
@media only screen and (min-width : 768px) and (max-width : 991px) {
.sidebar .menu-sidebar-menu-container .nav > li > a:after {
	display: none;
}
}


/* ------------------------------------------------------------------------------- */
/* BUTTONS */

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
	background-color: #00b274;
    border: 2px solid #00b274;
}

.rdntl-button-large {
	font-weight: 400;
	color: #ffffff;
	background-color: #00b274;
    text-transform: uppercase;
    border: 2px solid #80d5b4;
    border-radius: 4px;
    display: inline-block;
    margin-bottom: 10px;
}

@media only screen and (max-width : 991px) {
.rdntl-button-large {
	margin-top: 10px;
}
}

.rdntl-button-large:hover, .rdntl-button-large:focus {
	background-color: #00905e;
    border: 2px solid #00905e;
    transition: all 0.5s ease 0s;
}

.rdntl-button-small {
	font-weight: 400;
	color: #ffffff;
	background-color: #00b274;
    text-transform: uppercase;
    border: 0px solid #80d5b4;
    border-radius: 4px;
    margin-top: 10px;
}

.rdntl-button-small:hover, .rdntl-button-small:focus {
	background-color: #00905e;
    transition: all 0.5s ease 0s;
}

.btn-rdntl-brown {
	font-weight: 600;
	color: #857874;
	background-color: #ffffff;
    margin-top: 15px;
    text-transform: uppercase;
    border: 2px solid #dad1cf;
    border-radius: 7px;
}

.btn-rdntl-brown:hover, .btn-rdntl-brown:focus {
	background-color: #dc8633;
    border: 2px solid #dc8633;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}

.btn-rdntl-white {
	font-weight: 600;
	color: #ffffff;
	background-color: transparent;
    margin-top: 15px;
    text-transform: uppercase;
    border: 2px solid #dad1cf;
    border-radius: 7px;
    padding: 4px 8px;
}

.btn-rdntl-white:hover, .btn-rdntl-white:focus {
	background-color: #dc8633;
    border: 2px solid #dc8633;
    color: #ffffff;
    transition: all 0.5s ease 0s;
}

.btn-rdntl-white2 {
	font-weight: 600;
	color: #ffffff;
	background-color: transparent;
    margin-top: 15px;
    text-transform: uppercase;
    border: 2px solid #eabf96;
    border-radius: 7px;
    padding: 4px 8px;
	}

.btn-rdntl-white2:hover, .btn-rdntl-white2:focus {
	background-color: #eabf96;
    border: 2px solid #eabf96;
    color: #ffffff;
    transition: all 0.5s ease 0s;
	}


/* ------------------------------------------------------------------------------- */
/* LINKS */
a {
    color: #00b274;
}

	a:hover, a:focus {
    color: #00b274;
}

.rdntl-footer-container a {
    color: #dcefe3;
}

.rdntl-footer-container a:hover, .rdntl-footer-container a:focus {
    color: #dcefe3;
}

.site-header a {
    color: #dcefe3;
}

.rdntl-footer-container a:hover, .rdntl-footer-container a:focus {
    color: #dcefe3;
}


/* ------------------------------------------------------------------------------- */
/* SEPARATORS */

.rdntl-separator-1 {
	background-color: #999999;
    height: 1px;
    width: 130px;
    margin: 15px 0;
    display: inline-block;
}

/*Used to separate sidebar elements*/
.rdntl-separator-2 {
	background-color: #dcefe3;
	height: 8px;
	border-radius: 4px;
	width: 100%;
	margin: 30px 0 20px 0;
}


/* ------------------------------------------------------------------------------- */
/* DOTS */
/*.dots-light {
	background-image: url('http://localhost:8888/culturalheritage/wp-content/uploads/2015/12/cultural-heritage-dots-light.png');
	width: 51px;
	height: 7px;
	margin-bottom: 10px;
}

.dots-dark {
	background-image: url('http://localhost:8888/culturalheritage/wp-content/uploads/2015/12/cultural-heritage-dots-dark.png');
	width: 51px;
	height: 7px;
	margin-bottom: 10px;
}

.dotted-line {
	width: 100%;
	height: 1px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-image: url('http://localhost:8888/culturalheritage/wp-content/uploads/2015/12/cultural-heritage-dotted-line.png');
}


/* ------------------------------------------------------------------------------- */
/* FOOTER */

/*.site-footer .container {
	background-color: #c5a990;
	padding-left: 30px;
	padding-top: 15px;
}*/

.rdntl-footer-container h3 {
	color: #ffffff;
	margin-top: 30px;
	font-weight: 300;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.rdntl-footer-container {
	background-color: #00b274;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #ffffff;
	margin-top: 40px;
}

.rdntl-footer-logo {
	margin-top: 25px;
	margin-bottom: 20px;
	display: block;
}

.rdntl-footer-container p {
	color: #ffffff;
}

p.rdntl-footer-tag {
	font-weight: 700;
}

.rdntl-footer-service {
	border-bottom: 1px dotted #80d5b4;
	margin-bottom: 2px;
	padding-bottom: 4px;
}

.rdntl-footer-service:after {
	color: #80d5b4;
    content: "\f054";
    display: block;
    float: right;
    font-family: FontAwesome;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.rdntl-footer-container .menu-sidebar-menu-container .nav > li > a {
    padding: 2px 0;
}


/* ------------------------------------------------------------------------------- */
/* COPYRIGHT */

.rdntl-copyright-container {
	background-color: #00905e;
	padding-top: 25px;
}
p.disclaimer {
	font-size: 12px;
	color: #ffffff;
}


/* ------------------------------------------------------------------------------- */
/* CONTACT FORM */

.wpcf7-form textarea {
    width: 100%;
    padding:7px;
    border: 0px solid #dc8633;
    background-color: #dcefe3;
}
.wpcf7-text {
	width: 100%;
	padding-left:7px;
	border: 0px solid #dc8633;
	background-color: #dcefe3;
	border-radius: 4px;
}
.wpcf7 textarea {
    border-radius: 4px;
}

.wpcf7-quiz {
	width: 100%;
	padding-left:7px;
	font-weight: normal;
	border: 0px solid #dc8633;
	background-color: #dcefe3;
	border-radius: 4px;
}
.wpcf7-quiz-label {
	font-weight: 300;
}
.wpcf7-form p {
	font-size: 16px;
}
.wpcf7-form label {
	width: 100%;
}
.wpcf7-submit {
	background-color: #00b274;
	border: 2px solid #00b274;
    border-radius: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 4px 12px;
}
.wpcf7-submit:hover, .wpcf7-submit:focus {
	background-color: #00905e;
    border: 2px solid #00905e;
    color: #ffffff;
    transition: all 0.5s ease 0s;
	}
#wpcf7-f47-p44-o1 {
	margin-top: 30px;
}


/* ------------------------------------------------------------------------------- */
/* CUSTOM FACEBOOK FEED */

p.cff-page-name {
	font-size: 17px;
	color: #dc8633;
	font-weight: 800;
    font-style: italic;
}

.entry-content .cff-wrapper {
	margin-top: 50px;
}


/* ------------------------------------------------------------------------------- */
/* YOU TUBE VIDEO */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-top: 26px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ------------------------------------------------------------------------------- */
/* SCROLL TO TOP PLUGIN */

.scroll-back-to-top-wrapper {
    background-color: #857874!important;
    }


/* ------------------------------------------------------------------------------- */
/* Menus - from twenty sixteen */

.site-header-menu {
	display: none;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	margin: 0.3em 0;
}

.site-header-menu.toggled-on,
.no-js .site-header-menu {
	display: block;
}

.main-navigation {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.site-footer .main-navigation {
	margin-bottom: 1.75em;
}

.main-navigation ul {
	list-style: none;
	margin: 0;
	font-size: 17px;
}

.main-navigation li {
	border-top: 1px solid #ffffff;
	position: relative;
}

.main-navigation a {
	color: #00b274;
	display: block;
	line-height: 1.3125;
	outline-offset: -1px;
	padding: 0.6em 0;
}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #00905e;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 700;
}

.main-navigation ul ul {
	display: none;
	margin-left: 0.875em;
}

.no-js .main-navigation ul ul {
	display: block;
}

.main-navigation ul .toggled-on {
	display: block;
}

.main-navigation .primary-menu {
	border-bottom: 1px solid #ffffff;
	padding-left: 0px;
}

.main-navigation .menu-item-has-children > a {
	margin-right: 56px;
}

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	border-radius: 0;
	color: #00b274;
	content: "";
	height: 48px;
	padding: 0;
	position: absolute;
	right: 0;
	text-transform: none;
	top: 0;
	width: 68px;
}

.dropdown-toggle:after {
	border: 0 solid #ffffff;
	border-left-width: 1px;
	content: "\f107";
	font-size: 24px;
	left: 1px;
	position: relative;
	width: 48px;
	font-family: "FontAwesome";
	padding-left: 15px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: transparent;
	color: #00905e;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	outline-offset: -1px;
}

.dropdown-toggle:focus:after {
	border-color: transparent;
}

.dropdown-toggle.toggled-on:after {
	content: "\f106";
}

.site-header .main-navigation + .social-navigation {
	margin-top: 1.75em;
}

.site-footer .social-navigation {
	margin-bottom: 1.75em;
}

.social-navigation ul {
	list-style: none;
	margin: 0 0 -0.4375em;
}

.social-navigation li {
	float: left;
	margin: 0 0.4375em 0.4375em 0;
}

.social-navigation a {
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	color: #1a1a1a;
	display: block;
	height: 35px;
	position: relative;
	width: 35px;
	text-align: center;
}

.social-navigation a:before {
	content: "\f415";
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 33px;
}

.social-navigation a:hover:before,
.social-navigation a:focus:before {
	color: #007acc;
}

.social-navigation a[href*="codepen.io"]:before {
	font-family: "FontAwesome";
	content: "\f1cb";
}

.social-navigation a[href*="dropbox.com"]:before {
	font-family: "FontAwesome";
	content: "\f16b";
}

.social-navigation a[href*="facebook.com"]:before {
	font-family: "FontAwesome";
	content: "\f09a";
}

.social-navigation a[href*="plus.google.com"]:before {
	font-family: "FontAwesome";
	content: "\f0d5";
}

.social-navigation a[href*="instagram.com"]:before {
	font-family: "FontAwesome";
	content: "\f16d";
}

.social-navigation a[href*="linkedin.com"]:before {
	font-family: "FontAwesome";
	content: "\f0e1";
}

.social-navigation a[href*="pinterest.com"]:before {
	font-family: "FontAwesome";
	content: "\f0d2";
}

.social-navigation a[href*="skype.com"]:before {
	font-family: "FontAwesome";
	content: "\f17e";
}

.social-navigation a[href*="twitter.com"]:before {
	font-family: "FontAwesome";
	content: "\f099";
}

.social-navigation a[href*="vimeo.com"]:before {
	font-family: "FontAwesome";
	content: "\f27d";
}

.social-navigation a[href*="youtube.com"]:before {
	font-family: "FontAwesome";
	content: "\f167";
}

.social-navigation a[href^="mailto:"]:before {
	font-family: "FontAwesome";
	content: "\f0e0";
}

.social-navigation a[href$="/feed/"]:before {
	font-family: "FontAwesome";
	content: "\f09e";
}

.sub-menu {
		padding-left: 0px;
	}


/**
 * 7.0 - Accessibility
 */

/* Text meant only for screen readers */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
Mobile menu
 */


/* Mobile menu background */
.menu-wrapper {
    background-color: #dcefe3;
}

/* Mobile menu padding */
.menu-wrapper .container {
    padding-bottom: 0;
}

.menu-toggle {
	background-color: transparent;
	border: 2px solid #00b274;
	border-radius: 4px;
	color: #00b274;
	font-size: 16px;
	margin: 0.8em 0;
	padding: 0.3em;
	font-weight: 700;
}

.no-js .menu-toggle {
	display: none;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	border-color: #00905e;
	color: #00905e;
}

.menu-toggle.toggled-on,
.menu-toggle.toggled-on:hover,
.menu-toggle.toggled-on:focus {
	background-color: #00b274;
	border-color: #00b274;
	color: #fff;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle.toggled-on:focus {
	outline: thin dotted;
}


/**
 * 14.0 - Media Queries
 */

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}


/**
 * 14.3 - >= 910px
 */

@media screen and (min-width: 56.875em) {
	.site-header-menu {
		display: block;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
	}

	.main-navigation {
		margin: 0 -0.7em;
	}

	.main-navigation .primary-menu,
	.main-navigation .primary-menu > li {
		border: 0;
	}

	.main-navigation .primary-menu > li {
		float: left;
	}

	.main-navigation a {
		outline-offset: -8px;
		padding: 0.65625em 0.875em;
		white-space: nowrap;
	}

	.main-navigation li:hover > a,
	.main-navigation li.focus > a {
		color: #00905e;
	}

	.main-navigation ul ul {
		border-bottom: 1px solid #d1d1d1;
		display: block;
		left: -999em;
		margin: 0;
		position: absolute;
		z-index: 99999;
	}

	.main-navigation ul ul ul {
		top: -1px;
	}

	.main-navigation ul ul ul:before,
	.main-navigation ul ul ul:after {
		border: 0;
	}

	.main-navigation ul ul li {
		background-color: #fff;
		border: 1px solid #d1d1d1;
		border-bottom-width: 0;
	}

	.main-navigation ul ul a {
		white-space: normal;
		width: 12.6875em;
		padding-bottom: 7px;
    	padding-top: 7px;
    	font-size: 15px;
	}

	.main-navigation ul ul:before,
	.main-navigation ul ul:after {
		border-style: solid;
		content: "";
		position: absolute;
	}

/* Arrow device location on top of drop down box which adds outline to below arrow */
	.main-navigation ul ul:before {
		border-color: #d1d1d1 transparent;
		border-width: 0 10px 10px;
		left: 9px;
		top: -9px;
	}

/* Arrow device location on top of drop down box */
	.main-navigation ul ul:after {
		border-color: #fff transparent;
		border-width: 0 8px 8px;
		left: 11px;
		top: -7px;
	}

/* Defines where the dropdown sits under the main nav item */
	.main-navigation li:hover > ul,
	.main-navigation li.focus > ul {
		right: auto;
		left: 0;
	}

/* Defines where the secondary dropdown sits (left or right) of the dropdown item */
	.main-navigation ul ul li:hover > ul,
	.main-navigation ul ul li.focus > ul {
		right: auto;
		left: 100%;
	}

	.main-navigation .menu-item-has-children > a {
		margin: 0;
		padding-right: 2em;
	}

	.main-navigation .menu-item-has-children > a:after {
		content: "\f107";
		position: absolute;
		right: 1em;
		top: 0.8125em;
		font-family: "FontAwesome";
	}

	.main-navigation ul ul .menu-item-has-children > a {
		padding-right: 2em;
	}

	.main-navigation ul ul .menu-item-has-children > a:after {
		right: 0.5625em;
		top: 0.875em;
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}

	.dropdown-toggle,
	.main-navigation ul .dropdown-toggle.toggled-on,
	.menu-toggle,
	.site-header .social-navigation,
	.site-footer .main-navigation {
		display: none;
	}

	.menu-wrapper {
    background-color: #dcefe3;
	}

	.menu-wrapper .container {
    padding-bottom: 5px;
	}
}


/* ------------------------------------------------------------------------------- */
/* ARCHIVE PAGE */

/* This is a bootstrap class added to content.php */
.panel {
    background-color: #fff;
    border-bottom: 1px solid #eee;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 20px;
    padding-bottom: 20px;
}


/* ------------------------------------------------------------------------------- */
/* SINGLE POSTS */

.pager li > a, .pager li > span {
    border-radius: 4px;
}