/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/****************************************/
/* HubSpot Style Boilerplate            */
/****************************************/

/* These includes are optional, but helpful. */
{% include "hubspot/styles/responsive/modules.css" %}
{% include "hubspot/styles/patches/recommended.css" %}


/*****************************************/
/* Start your style declarations here    */
/*****************************************/

h1, h2, h3, h4, h5, h6, p, body, button, .button {
    font-family: Century Gothic,CenturyGothic,AppleGothic,Helvetica,Roboto,Arial,sans-serif;
}


.max-width {
    max-width: 60rem;
    margin: 0 auto;
    width: 90%;
}

.top-bar-sdblog{
background-color: white!important;
box-shadow: 0px 0px 0px 0 rgba(0, 0, 0, 0);
  height:85px;
}

#screendragonlogo{
    padding-top: 12px;
      padding-left: 10px;
}

#screendragonlogo svg {
z-index:999;
width:176px;
}

#mobilemenu{
display:none;
}

#deskmenu{
    position: relative;
    width: 900px;
    top: -38px;
    left: 230px;
}


#deskmenu .requestDemobutton{
  background:#87d950!important;
  color:white!important;
  border-radius: 20px; 		
	font-weight:bold;
  font-size: .75em;
	padding-bottom:11px;
	padding-left:16px;
	padding-right:16px;
	padding-top:11px;
      top: -9px;
}

#deskmenu .requestDemobutton:hover{

          					    background-color:green;
}

#deskmenu a {
  	font-weight:bold;
    font-size: .75em;
    color: #343434!important;
  	text-decoration: none;
  float: left;
    padding-right: 30px;

}

#deskmenu li{
    	list-style-type: none;
      margin-left: -16px;
}



/* MEDIA QUERY FOR HAMBURGER */

 #deskmenu{
		display:none
}
#mobilemenu{
		display:block;
}

@media screen and (min-width: 56.1875em){
    #deskmenu{
				display:block;
    }
  	#mobilemenu{
				display:none;
    }
}

 

#hamburgercontent{
		position: absolute;
    color: #fefefe;
    padding: 20px 8px;
    line-height: 1;
    font-weight: bold;
    font-size: 13.6px!important;
    text-transform: uppercase;
  	 background: #2c3840 !important;
    width: 100%;
    float: left;
    z-index: 9;
    top: 85px;
    padding: 12px 0;
}

#hamburgercontent li{
	margin-top:16px;
  padding-left:30px;
	margin-left:40px;
	list-style-type: none;
	border-bottom:2px solid #2c3840;
}

#hamburgercontent li:hover{
  border-bottom:2px solid white;
}

#hamburgercontent a{
	text-decoration:none;
}


/* #mobilemenu #hamburger .fa {
font: normal normal normal 14px/1 FontAwesome;
color:red;
} */
  
#mobilemenu #hamburger{
    padding: 9px;
    background: #000;
    border-radius: 7px;
    width: 40px;
  height:44px;
   position:absolute;
  right:10px;
  top:20px;
    margin-right: 15px;
}

#mobilemenu #hamburger:before{
		font-size: 24px;
    color: #fff;
}

.top-bar-sdblog #hamburgerContent{
 display:none; 
}

/* 
STUFF WAS HERE */



@media screen and (min-width: 56.1875em){
  .footerArea .footer-column {
      flex-grow: 1;
      border-bottom: none;
  }

  .flex-column-row {
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
  }
}



@media screen and (max-width: 56.1875em){
      .recent-posts-title{
    display:none;
    }
    .recent-posts-list{
    display:none;
    }
}


.previous-posts-link {
    background-color: #87d950!important;
  color:black!important;
border-radius:20px!important;
}
.previous-posts-link:hover {
    background-color: black!important;
  color:#87d950!important;
}

.next-posts-link {
    background-color: #87d950!important;
  color:black!important;
border-radius:20px!important;
}
.next-posts-link:hover {
    background-color: black!important;
  color:#87d950!important;
}


/* MP ADDED CLEANUPS TO GET MENU AS CLOSE AS POSSIBLE TO WEBSITE */

#deskmenu a, button{
 font-family: "ITC Avant Garde Gothic", "Century Gothic", CenturyGothic, AppleGothic, sans-serif!important;
 font-weight:bold;
 color:white!important;
 font-size:.85rem!important;
 margin-top:-10px!important;
 margin-left:4px;!important;
 }

#deskmenu ul.menu.simple.vertical.large-horizontal {
    margin-left: 47px;
}


#deskmenu a {
    color: #343434!important;
}

#deskmenu a:hover {
    color: #87d950!important;
}