/*
 Theme Name:     Twentyseventeen Child Theme
 Theme URI:      http://hyperlinkcode.com/blog/?p=1021
 Description:    A bare-bones child theme for use with BB Dental Theme. Pick matching colors quickly at <a href="http://www.html-color-names.com/">html-color-names.com</a>.
 Author:         Edward Zivkovic
 Author URI:     http://hyperlinkcode.com/blog/
 Template:       twentyseventeen
 Version:        1.0.0
*/
 
/* Add Custom CSS after this line */

/* Demo Johnson Box code courtesy of: http://hyperlinkcode.com/blog/html-johnson-box/ */

@font-face {
    font-family: 'montserrat bold';
    src: url("fonts/montserrat/Montserrat-Bold.ttf");
}
@font-face {
    font-family: 'montserrat medium';
    src: url("fonts/montserrat/Montserrat-Medium.ttf");
	font-weight: 500;
}
@font-face {
    font-family: 'montserrat semibold';
    src: url("fonts/montserrat/Montserrat-SemiBold.ttf");
}
@font-face {
    font-family: 'montserrat semibolditalic';
    src: url("fonts/montserrat/Montserrat-SemiBoldItalic.ttf");
}
@font-face {
    font-family: 'montserrat light';
    src: url("fonts/montserrat/Montserrat-Light.ttf");
}
@font-face {
    font-family: 'montserrat boldItalic';
    src: url("fonts/montserrat/Montserrat-BoldItalic.ttf");
}
@font-face {
    font-family: 'montserrat mediumItalic';
    src: url("fonts/montserrat/Montserrat-MediumItalic.ttf");
}
@font-face {
    font-family: 'montserrat semibolditalic';
    src: url("fonts/montserrat/Montserrat-SemiBoldItalic.ttf");
}
@font-face {
    font-family: 'montserrat regular';
    src: url("fonts/montserrat/Montserrat-Regular.ttf");
}
@font-face {
    font-family: 'montserrat extrabold';
    src: url("fonts/montserrat/Montserrat-ExtraBold.ttf");
}
@font-face {
    font-family: 'OpenSans';
    src: url("fonts/OpenSans-Regular.ttf");
}
.main-navigation {
width: auto;
padding-right: 1% !important;
}
a.pojo-a11y-toolbar-link.pojo-a11y-btn-resize-font.pojo-a11y-btn-resize-plus {
    background-color: #35b18f;
    color: #ffffff !important;
    margin: 5px;
}
a.pojo-a11y-toolbar-link.pojo-a11y-btn-resize-font.pojo-a11y-btn-resize-minus{
    background-color: #35b18f;
    color: #ffffff !important;
    margin: 5px;
}
a.pojo-a11y-toolbar-link.pojo-a11y-btn-reset {
     background-color: #2D55A2;
    color: #ffffff !important;
    margin: 5px;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    display: inline-block;
    font-size: 130% !important;
    line-height: 0;
    padding: 5px !important;
    margin-right: 22px;
    position: relative;
    bottom: 3px;

}
a.pojo-a11y-toolbar-link.pojo-a11y-btn-background-group.pojo-a11y-btn-high-contrast {
    display: none !important;
}
a.pojo-a11y-toolbar-link.pojo-a11y-btn-background-group.pojo-a11y-btn-negative-contrast {
    display: none !important;
}
.johnson1 {
	padding: 20px;
	background: #ffff99;
	width: 90%;
	margin: 20px auto;
}
.johnson6 {
	padding: 20px;
	background: #ffff99;
	width: 90%;
	margin: 20px auto;
	border: 3px dashed #ee0000;
}
.johnson8 {
	padding: 20px;
	background: #ccffcc;
	width: 90%;
	margin: 20px auto;
	border-left: 5px solid #ff8080;
}
@media (max-width: 991px) {
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    margin-right: 60px !important;
    display: inline-block;
    font-size: 165% !important;
    line-height: 0;
    padding: 5px !important;
    position: relative !important;
    bottom: 7px !important;
}
}
@media (max-width: 767px) {
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    margin-right: 36px !important;
    bottom: 15px !important;
}
}