/*
 Theme Name:   Handbook Child
 Theme URI:    https://www.bellinghamwp.com
 Description:  Handbook Child
 Author:       Rick D'Haene
 Author URI:   http://www.rickdhaene.com
 Template:     handbook
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  handbook
*/

@import url("../handbook/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */

.attachment-post-thumbnail {
  margin-bottom: 30px;
}

.page-id-2320 #field_15_12, .page-id-2320 #field_15_13, .page-id-2320 #field_15_12 div, .page-id-2320 #field_15_13 div, .page-id-2307 #field_15_12, .page-id-2307 #field_15_13, .page-id-2307 #field_15_12 div, .page-id-2307 #field_15_13 div {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.page-id-2320 #field_15_12 div ul li, .page-id-2320 #field_15_13 div ul li, .page-id-2307 #field_15_12 div ul li, .page-id-2307 #field_15_13 div ul li {
  margin: 0 !important;
}
.page-id-2320 .su-column-inner.su-clearfix li, .page-id-2307 .su-column-inner.su-clearfix li {
  text-align: left;
}


.tax-termslists article {
  padding: 10px;
    -webkit-transition: all 0.25s; /* Safari */
    transition: all 0.25s;
    transition-timing-function: ease-in-out;
  margin-bottom: 5px;
  border: 1px solid #fff;
}

.tax-termslists article .more-link, .tax-termslists article h1 a {
    -webkit-transition: all 0.25s; /* Safari */
    transition: all 0.25s;
    transition-timing-function: ease-in-out;
}

.tax-termslists article:hover {
  background-color: #f9f9f9;
  border-radius: 3px;
  border: 1px solid #efefef;
  padding: 10px;
  margin-bottom: 5px;
}

.tax-termslists article:hover .more-link {
  background-color: #53b869;
  color: #fff;	
}

.tax-termslists article:hover h1 a {
  color: #53b869;
}

.right {
	float: right;
}

.tax-termslists .content .excerpt {
  line-height: 24px;
  margin: 6px 0;
  padding: 0;
}

.widget-testimonials-plus .testimonial-plus-content {
  margin-top: 7px;
  min-height: 180px;
}

.tag-index-page ul {
  float: left;
  margin: 0 3% 3% 0;
  padding: 0;
  width: 30%;
}

.tag-index-page ul li {
  background-image: none;
  border-bottom: 1px solid #e7e7e7;
  font-size: 12px;
  margin: 0;
  padding: 0;
}

.glossary-numbers {
  display: none;
}

.pseudo-elements-css { font-size: 16px; color: black; }
.pseudo-elements-css::first-line { color: red; background-color: blue; }
.pseudo-elements-css::after { content: " --content added using ::after-- "; }
.pseudo-elements-css::before { content: " --content added using ::before-- "; }
.pseudo-elements-css::selection { background-color: black; color: white; }

.link-hover-css a:hover {
    color: blue;
}
.link-hover-css a {
    color: red;
}

@media screen and (max-width: 768px) {
    .media-highlight {
        background-color: green;
        color: white;
    }
}

@media screen and (min-width: 769px) {
    .media-highlight {
	background-color: yellow;
	color: black;
    }
}

.media-highlight {
	padding: 20px;
}

@media screen and (max-width: 1023px) {
	#sidebar { display: none; }
	body.sidebar-on-left .content,
	body.sidebar-on-right .content {
		width: 100%;
		margin: 0;
	}
  .whamo { font-size: 22px; line-height: 36px; }
  .blamo { line-height: 150px; }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .whamo { font-size: 22px; line-height: 36px; }
  .blamo { line-height: 170px; }
}

@media screen and (min-width: 1201px) {
.whamo { font-size: 32px; line-height: 46px; }
.blamo { line-height: 200px; }
}

.whamo {
  color: #53b869;
  display: inline-block;
  font-family: Lato,helvetica,sans-serif;
  font-weight: 500;
  vertical-align: middle;
}

.blamo {
  text-align: center;
}

.hp-top-wrap h1 {
  font-family: "Lato",Arial,Helvetica,sans-serif;
}

.hp-top-wrap p {
  text-align: unset !important;
  font-size: 15px;
}

.page-id-41 .post-title { display: none; }

.page-id-41 .content blockquote {

}

.home .content p.post-meta {
  display: none;
}

.content h2 { font-size: 20px; }

.slider-control-paging { bottom: 20px; }

.fullscreen-gallery { top: 0px; }

.portfolio-details .slider-direction-nav li a.slider-next { top: 0; }

.portfolio-details .slider-direction-nav li a.slider-prev { top: 0; }

.flexslider .slides img { margin-top: 30px; }

#post-481 li { background-image: none !important; }

.getInTouch { 
	display: block;
	width: 156px;
	height: 53px;
	margin-bottom: 15px;
	margin-top: -10px;
	background: url("https://www.bellinghamwp.com/wp-content/uploads/2013/12/get-in-touch.png") bottom;
	text-indent: -99999px;
	transition: none !important;
	background-position: 0 0;
}

.getInTouch:hover { background-position: 0 53px; }

.stars-inline { display: inline-block; }

#stars-container { text-align: center; }

#ratingsWrapper { border: 3px solid #CFCFCF; border-radius: 15px; box-shadow: 0 0 8px #2F2F2F; margin: 15px auto; padding: 15px; text-align: center; width: 200px; }

.content p { text-align: justify; }

.home-buttons-full {
  padding-top: 37px;
}

.home-buttons-full {
  margin: 0 auto;
  width: 100%;
}

.hp-button-1 a, .hp-button-2 a {
  text-decoration: none;
  font-style: italic;
  color: #fff;
}

.hp-button-1 a:hover, .hp-button-2 a:hover {
  color: #fefefe;
}

.hp-button-1, .hp-button-2 {
  display: inline;
  text-align: center;
  float: left;
}

.hp-button-1 div, .hp-button-2 div {
  background-color: #53b869;
  border: 1px solid #afafaf;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0 10px !important;
  padding: 6px 15px;
  text-align: center;
  box-shadow: 0px 1px 1px #303030;
}

.hp-button-1 div:hover, .hp-button-2 div:hover {
  background-color: #339849;
  box-shadow: 0 0px 0px #303030;
  color: #fefefe;
}

.no-decoration { text-decoration: none !important; }

.hp-buttons a { text-decoration: none !important; }

.content .hp-buttons .notification-box.green {
  text-shadow: 1px 1px 0 #505050;
}

.green-height { height: 108px; }

.content .hp-buttons .notification-box.green:hover {
  background-color: #63C879;
  box-shadow: 0 0 4px #8F8F8F;
  color: #2f2f2f;
  text-shadow: 1px 1px 0 #CFCFCF;
}

.hp-buttons .notification-box { cursor:pointer; }

.hp-buttons { cursor:default !important; }

.content .hp-buttons .notification-box.green a {
  color: #FFFFFF;
}

.gform_body li { background-image: none !important; }

.fullwidth-message p {
  font-weight: bold;
}

#nav-menu a {
  margin: 0;
  font-size: 14px;
}

#nav-menu ul.sub-menu a {
  font-size: 12px;
}

.content h3 a {
  text-decoration: none;
}

body.single .content ul.tags, body.page .content ul.tags {
  margin-top: 0px;
}

.slider-active-slide img {
  max-height: 600px;
}

.social-rotate img {
-webkit-transition: all 1.0s ease 0.25s;
-moz-transition: all 1.0s ease 0.25s;
-o-transition: all 1.0s ease 0.25s;
-ms-transition: all 1.0s ease 0.25s;
transition: all 1.0s ease 0.25s;
cursor:pointer;
}

.social-rotate img:hover {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}

#footer .widget, #footer p {
  padding: 0 0 0 0;
}

#meteor-slideshow {
  margin: 0 auto;
}

.category .page-info h1 {
  color: gray;
  cursor: default;
  font-size: 16px;
  font-weight: bold;
  line-height: unset;
  margin: 2px 0 0;
  text-shadow: unset;
  display: inline-block;
}

.category .page-info {
  font-style: italic;
}

.category .cat-wrap {
  margin-bottom: 10px;
}

  .countup li {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
/*  .countup li:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
  }
*/
.su-column-size-1-2 {
  width: 48% !important;
}

.social-ul li a {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}

.social-ul li img {
width: 25px;
}

.social-ul li {
background-image: unset !important;
}

#sidebar .gform_wrapper span.gform_description {
  margin-bottom: 0px;
  width: 100%;
}

#sidebar #gform_13 ul li {
  padding: 0px !important;
}

#sidebar .gform_button.button {
  background-color: #53b869;
  border: unset;
  color: #fff;
  font-size: 18px !important;
  height: 30px;
  width: 100% !important;
}

#sidebar .gform_wrapper .gform_footer {
  padding: 0px !important;
}

#sidebar .gform_wrapper ul.gform_fields li.gfield {
  padding-right: 16px;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.05); }

    /*
     * Animation configurations ( duration and fill mode )
    */
    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
	animation-iteration-count: 1;
    }

    /*
     * Zoom animation
    */
    @-webkit-keyframes zoom {
        0% { -webkit-transform: scale(1); }
        50% { -webkit-transform: scale(1.05); }
        100% { -webkit-transform: scale(1.025); }
    }
    @keyframes zoom {
        0% { transform: scale(1); }
        50% { transform: scale(1.05); }
        100% { transform: scale(1.025); }
    }
    .zoom {
        -webkit-animation-name: zoom;
        animation-name: zoom;
    }

    /*
     * Pulse animation
    */
    @-webkit-keyframes pulse {
        0% { -webkit-transform: scale(1); }
        50% { -webkit-transform: scale(1.1); }
        100% { -webkit-transform: scale(1); }
    }
    @keyframes pulse {
        0% { transform: scale(1); }
        50% { transform: scale(1.1); }
        100% { transform: scale(1); }
    }
    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse;
    }

.service-page-link {
  float: right;
  margin-bottom: 15px;
  margin-top: 10px;
}

.glossary-post-title {
  margin: 10px 0 0 !important;
  font-size: 27px;
  font-weight: 400;
  line-height: 1.4;
}

.glossary-post-title a {
  text-decoration: none;
}

.glossary-page-info {
  background-color: #f9f9f9;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 20px 30px;
  font-size: 20px;
}

.glossary-page-info h1 {
  color: gray;
  cursor: default;
  display: inline;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  margin: 2px 0 0;
  text-shadow: 0 1px 0 #fff;
}

.footer-img-rick {width:50%;max-height:180px;float:right;}

.sucuri-footer-badge img {width:200px;height:75px;margin:0 auto;}

/* begin custom style additions */

.breadcrumbs { font-size: 1em; }

.post-1940 .attachment-post-thumbnail {
 display: none;
}

.blog .post-1940 .attachment-post-thumbnail {
 display: unset !important;
}

.hp-top-block { text-align: center; background-color: #efefef; width: 100%; }

.hp-top-block .hp-more { float: right; padding-right: 15px; }

@media all and (min-width: 501px) {
  .hp-more-link { font-style: italic; position: relative; top: -39px; }
  .hp-more-link-alt { font-style: italic; text-align: center; display: none; }
}

@media all and (max-width: 500px) {
  .hp-more-link { font-style: italic; position: relative; top: -39px; display: none; }
  .hp-more-link-alt { font-style: italic; text-align: center; display: inline; }
  .hp-more-alt { text-align: center; margin: -10px 0 10px 0; }

}

#full-portfolio-link {
  font-size: 20px;
  margin: 20px;
  padding-bottom: 20px;
  text-align: center;
}

.page-id-565 .content h2 {
  font-weight: 700;
  margin-bottom: 0px;
}

.fullwidth-message > a {
  border-radius: 3px;
  color: #fff;
  float: right;
  font-size: 20px;
  padding: 15px 30px;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.res-center-cont { text-align: center; }
.res-center-cont div { display:inline-block; }

.su-tabs-nav span {
  font-weight: bold;
  font-size: 14px !important;
}

.no-dec { text-decoration: none !important; }

.hp-button-1, .hp-button-2 {
	margin-bottom: 15px !important;
}

@media all (max-width: 760px) {
.home .content p {
  line-height: 2.5em;
}
.home .textwidget {
  line-height: 2.5em;
}
  #header { 
    padding-bottom: 60px !important;
	}
  #tawkchat-iframe-container {
    display: none !important;
	}
  #wdsi-slide_in {
	display: none !important;
	}

  	#header{
		height: auto;
		overflow: hidden;
		padding: 40px 0 40px 0;
	}

	body.dark-header #header{
		height: auto;
		overflow: hidden;
		margin: 0 -25px 30px -25px;
		border-radius: 2px 2px 0 0;
		padding: 40px 0 40px 0;
	}

	#header .site-title {
		width: 100%; 
		text-align: center;
	}

	.site-title a.logo{
		float: none;
		margin: 0;
	}

	.site-title a.logo img{
		display: inline;
		margin: -5px 0 5px 0;
	}

	.site-title div{
		float: none;
	}
}
  
@media (max-width: 760px) {
.home .content p {
  line-height: 2.5em;
}
.home .textwidget {
  line-height: 2.5em;
}
  #header {
  	padding-bottom: 60px !important;
	}
  #tawkchat-iframe-container {
    display: none !important;
	}
  #wdsi-slide_in {
	display: none !important;
	}

	#header{
		height: auto;
		overflow: hidden;
		padding: 40px 0 40px 0;
	}

	body.dark-header #header{
		height: auto;
		overflow: hidden;
		margin: 0 -25px 30px -25px;
		border-radius: 2px 2px 0 0;
		padding: 40px 0 40px 0;
	}

	#header .site-title {
		width: 100%; 
		text-align: center;
	}

	.site-title a.logo{
		float: none;
		margin: 0;
	}

	.site-title a.logo img{
		display: inline;
		margin: -5px 0 5px 0;
	}

	.site-title div{
		float: none;
	}
}

@media all (max-width: 760px) {
#responsive-phone-number {
  float: unset !important;
  text-align: center;
  clear: both;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 1px 1px 2px #cfcfcf;
}
#responsive-consultation-request {
  float: unset !important;
  text-align: center;
  clear: both;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 1px 1px 2px #cfcfcf;
}
.site-title a.logo img, .site-title {
  float: unset !important;
  text-align: center !important;
}
}

@media (max-width: 760px) {
#responsive-phone-number {
  float: unset !important;
  text-align: center;
  clear: both;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 1px 1px 2px #cfcfcf;
}
#responsive-consultation-request {
  float: unset !important;
  text-align: center;
  clear: both;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 1px 1px 2px #cfcfcf;
}
.site-title a.logo img, .site-title {
  float: unset !important;
  text-align: center !important;
}
}

@media all (max-width: 479px) {
.content table td {
display: block;
}
.site-title a.logo img {
  width: 80% !important;
}
#responsive-phone-number {
    margin-top: 10px !important;
  }
}

@media (max-width: 479px) {
.content table td {
display: block;
}
.site-title a.logo img {
  width: 80% !important;
}
#responsive-phone-number {
    margin-top: 10px !important;
  }
}

.wdsi-slide-title {
  display: none;
}

.portfolio-nav {
  margin: -4px 0 20px;
  overflow: hidden;
}

.home-buttons-full {
  padding-top: 37px;
}

.home-buttons-full {
  margin: 0 auto;
  width: 100%;
}

.hp-button-1 a, .hp-button-2 a {
  text-decoration: none;
  font-style: italic;
  color: #fff;
}

.hp-button-1 a:hover, .hp-button-2 a:hover {
  color: #fefefe;
}

.hp-button-1, .hp-button-2 {
  display: inline;
  text-align: center;
  float: left;
}

.hp-button-1 div, .hp-button-2 div {
  background-color: #53b869;
  border: 1px solid #afafaf;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  margin: 0 10px !important;
  padding: 6px 15px;
  text-align: center;
  box-shadow: 0px 1px 1px #303030;
}

.hp-button-1 div:hover, .hp-button-2 div:hover {
  background-color: #339849;
  box-shadow: 0 0px 0px #303030;
  color: #fefefe;
}

.no-decoration {
	text-decoration: none;
}

#responsive-phone-number {
  float: right;
  font-size: 26px;
  font-weight: bold;
  text-shadow: 1px 1px 2px #cfcfcf;
  margin-top: -5px;
}

#responsive-phone-number a {
  color: #3f3f3f;
}

#responsive-phone-number a:hover {
  color: #53b869;
}

#responsive-consultation-request {
  clear: right;
  float: right;
  font-size: 16.5px;
  font-weight: bold;
  margin-top: 13px;
  text-shadow: 1px 1px 2px #cfcfcf;
}

#responsive-consultation-request a {
  color: #3f3f3f;
}

#responsive-consultation-request a:hover {
  color: #53b869;
}

.centeral {
 text-align: center !important; 
}

.tutorial-videos-centered {
  margin-left: auto; 
  margin-right: auto; 
  width: 500px;
}

.content h1.post-title {
  margin: -10px 0 25px !important;
}

#mega-menu-wrap-header .mega-menu-toggle {
  background: #ebebeb none repeat scroll 0 0;
  text-align: center;
}

body.logged-in.admin-bar .menu-toggle {
  display: none;
  margin-top: 71px;
}

.page .tags {
 display: none; 
}

#mega-menu-wrap-header {
  top: 25px !important;
}

#header {
  margin-bottom: 23px !important;
  padding-bottom: 50px;
}

.post-type-archive-testimonials .tags, .page-id-79 .tags {
  display: none;
}

.archive .author-infobox {
  margin-top: 30px !important;
}

.home .tags {
  display: none;
}

.single-wordpress_tutorials .post-meta {
  display: none !important;
}

.single-wordpress_tutorials .wpmudev_video {
  text-align: center !important;
}

.post-type-archive-testimonials .post-meta { display: none; }

.post-type-archive-testimonials article {
  background-color: #f9f9f9 !important;
  border-radius: 3px;
  margin-bottom: 20px !important;
  padding: 20px 30px !important;
}

#nav-menu > li {
  margin-left: -4px !important;
}

.su-row .su-column {
  margin: 0 0 0 0;
}

#tawkchat-chat-bubble-text {
  color: #fff !important;
}

.wdsi-slide-close a {
  text-decoration: none;
}

.wdsi-slide-close a:hover {
  font-weight: bold;
}

.wdsi-slide-active.wdsi-slide-right {
  width: 300px !important;
}

.label-hide label {
 display: none !important; 
}

#sidebar input[type="text"] {
  margin-bottom: -2px;
}

#sidebar textarea {
  width: 100%;
}

.cw_inactive {
  color: #acacac !important;
}

.su-button-style-soft span {
  box-shadow: 0 2px 2px #505050;
}

.button-format {
  background-color: #53b869;
  border: 1px ridge #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 2px #505050;
  color: white;
  cursor: default;
  font-size: 18px;
  margin: 0 0 20px;
  padding: 10px;
  text-align: center;
}

/* end custom style additions */


body {
  margin-bottom: 80px;
  margin-top: 30px;
}

#footer .copyright p{
	float: unset;
	line-height: 1.75;
	padding: 0 0 20px;
}

#footer-menu{
	float: unset;
	padding: 17px 0 0;
}

#footer ul#footer-menu li {
	display: inline-block;
	float: none;
	width: unset; 
	margin-left: 0;
}

#footer #footer-menu li{
	margin: 0 0 0 25px;
	font-size: 14px;
	background-image: none;
	padding: 0;
	width: unset;
}

ul#footer-menu li a{
	margin: 0 9px;
	padding: 10px 0;
}

.footer-nav {
  clear: both;
  text-align: center;
}

.copyright .copy-text {
  margin-top: 15px;
}

.copyright .copy-text p {
text-align: center;
float: none;
}


body.page .content p.post-meta, body.single .content p.post-meta {
  border-bottom: none;
  padding-bottom: 0px !important;
}

.portfolio-filter {
  border-top: none !important;
}

#header {
  margin-bottom: 35px !important;
}

#sidebar {
  margin: 5px 0 30px !important;
}

.portfolio-keywords {
  display: none;
}

strong {
  color: #D7DDE3;
  font-weight: bold;
}

#nav-menu a {
  padding: 0 11px;
  margin: 0 -4px;
}

#responsive-phone-number {
  float: right;
}