#dp-header {
margin: 0 -10px!important;
} #dp-mainbody-columns {
display: block;
}
#dp-mainbody-columns > section,
#dp-mainbody-columns > aside {
display: block;
overflow: hidden;
width: 100%!important;
padding: 0;
}
#dp-bottom1 .box:nth-child(2n+1),
#dp-bottom2 .box:nth-child(2n+1),
#dp-footer1 .box:nth-child(2n+1),
#dp-footer2 .box:nth-child(2n+1),
#dp-top1 .box:nth-child(2n+1),
#dp-featured .box:nth-child(2n+1) {
clear: both;
}
.boxed #dp-page-box, .page-template-template-boxedpage-php #dp-page-box {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
} .archivepage .widget.first {
margin-right: 2%;
margin-left: 0!important;
}
.archivepage .widget.first,
.archivepage .widget.first + .widget {
margin-right: 0;
margin-left: 2%;
width: 48%;
}
.archivepage .widget.last {
margin: 0;
width: 100%;
} #dp-mainbody img {
height: auto!important;
max-width: 100%!important;
} #dp-sidebar .box {
float: left!important;
width: 50%!important;
}
.widget-area .col1 { width: 100%; }
.widget-area .col2 { width: 50%; }
.widget-area .col3 { width: 33.3%; }
.widget-area .col4 { width: 50%; }
.widget-area .col5 { width: 33.3%; }
.widget-area .col6 { width: 33.3%; }
.widget-area .box.last1 { width: 100%; }
.widget-area .box.last2 { width: 50%; }
.widget-area .box.last3 { width: 33.3%; }
.widget-area .box.last4 { width: 50%; }
.widget-area .box.last5 { width: 33.3%; }
.widget-area .nth1 {
clear: both;
}
.widget-area .col6.last5.nth4,
.widget-area .col6.last5.nth5 {
width: 50%;
}  .dp-columns > div {
padding: 0 6px;
} #dp-button-area {position:absolute; right:0;top:0;}
#dp-mainmenu-toggle {
background: #9a9a9a url(//quarterpathatwilliamsburg.com/wp-content/themes/Quarterpath/images/mobile_menu_btn.png) no-repeat center center;
display: inline-block!important;
height: 32px;
margin-top: 26px;
width:34px;
color:#fff!important;
line-height:32px;
text-transform:uppercase;
margin-right:5px;
border-radius:5px;
float:right;
position:absolute;
right:5px;
}
#dp-mainmenu-toggle:hover {background-color:#13a7d7;}
#dp-mainmenu-collapse {
clear: both;
margin-bottom: 10px;
width: 100%;
}
#dp-mainmenu-collapse.menu-hidden {
height: 0px!important;
overflow: hidden!important;
}
#dp-mainmenu-collapse.menu-hide {
overflow: hidden!important;
}
#dp-mainmenu-collapse.menu-visible {
min-height: 67px!important;
}
#main-menu {
float: none;
z-index:10000;
top:10px;
background:#213344;
border:rgba(0,0,0,0.15) 1px solid;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
margin-bottom:5px;
}
#main-menu ul,
#main-menu ul ul,
#main-menu ul ul ul,
#main-menu .sub-menu {
border: none!important;
-webkit-box-shadow: none!important;
-moz-box-shadow: none!important;
-ms-box-shadow: none!important;
-o-box-shadow: none!important;
box-shadow: none!important;
-webkit-box-sizing: border-box!important;
-moz-box-sizing: border-box!important;
-ms-box-sizing: border-box!important;
-o-box-sizing: border-box!important;
box-sizing: border-box!important;
display: block!important;
float: none!important;
height: auto!important;
opacity: 1.0!important;
position: static!important;
visibility: visible!important;
width: 100%!important;
background-color:transparent;
}
#main-menu .sub-menu .sub-menu {
margin-left: 0px;
margin-top: 0px;
}
#main-menu .sub-menu:before {
display: none!important;
}
#main-menu li {
border: none!important;
display: block;
float: none!important;
min-height: 18px!important;
line-height: 18px!important;
width: 100%;
background-image:none!important;
margin:0!important;
background-color:transparent!important;
}
#main-menu li a {
display: block!important;
font-size: 13px!important;
height: 18px!important;
line-height: 18px!important;
padding: 0 0 0 15px!important;
-webkit-transition: background-color .3s ease-out;
-moz-transition: background-color .3s ease-out;
-ms-transition: background-color .3s ease-out;
-o-transition: background-color .3s ease-out;
transition: background-color .3s ease-out;
background-color:transparent!important;
}
#main-menu > li:first-child > a {
border-top: none!important;
}
#main-menu li li a {
font-size: 12px!important;
padding: 0 0 0 25px!important;
}
#main-menu li li li a {
font-size: 11px!important;
padding: 0 0 0 50px!important;
}
#main-menu li a:hover,
#main-menu .sub-menu li a:hover  {
}
#main-menu li a:hover, #main-menu > li .menu-title:hover {color:#fff!important;}
#main-menu .sub-menu li {
border-top: none!important;
}
#main-menu > li .menu-title { font-size:11px!important; text-align:left; font-family:Arial, Helvetica, sans-serif; padding-top:0px!important;
}
#main-menu > li:hover .menu-title { text-align:left;
}
#main-menu > li .menu-subtitle, #main-menu > li .menu-icon {display:none}
#main-menu > li.root, #main-menu > li.root .item-container {height:auto!important}
#main-menu li a:hover {background: none!important}
#main-menu > li img  {display:none;}
#main-menu > li .item-container { padding:3px 12px 3px 12px!important;min-height:18px!important;}
#main-menu > li.root:hover, #main-menu > li.root.current-menu-item, #main-menu > li.root.current-menu-ancestor {background-color: transparent; }
#main-menu >li a:hover .menu-title {color:#13a7d7!important;}
#main-menu .sub-menu li .item-container {margin-top:0px!important;}
#dp-header-search {display:none!important;} .onlyDesktop {
display: none!important;
}
.onlyTablets {
display: block!important;
}
.onlySmartphones {
display: none!important;
}
.onlyTabltetsAndSmartphones {
display: block!important;
} @media (max-width: 600px) {
article section table {
border: 1px solid #eee;
border-bottom: none;
max-width: 100%!important;
width: 100%!important;
}
article section table thead {
display: none;
}
article section table td {
border-top: 1px solid #eee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
display: block;
float: right;
padding: 5px 0 5px 50%;
position: relative;
width: 100%;
}
article section table td:first-child {
border-top: none;
}
article section table tbody tr {
border-bottom: 2px solid #eee;
}
article section table td span.dp-table-label {
display: block;
font-size: 95%;
font-weight: bold;
left: 5px;
position: absolute;
}
} html[dir="rtl"] .archivepage .widget.first {
margin-right: 0;
margin-left: 2%!important;
}
html[dir="rtl"] .archivepage .widget.first,
html[dir="rtl"] .archivepage .widget.first + .widget {
margin-right: 2%;
margin-left: 0;
}
html[dir="rtl"] #dp-sidebar .box {
float: right!important;
}
html[dir="rtl"] #dp-mainmenu-toggle {
float: left;
}
html[dir="rtl"] #main-menu li a {
padding: 0 15px 0 0!important;
}
html[dir="rtl"] #main-menu li li a {
padding: 0 30px 0 0!important;
}
html[dir="rtl"] #main-menu li li li a {
padding: 0 45px 0 0!important;
}
.portfolio-six .portfolio-item {
width:33.2%;
margin:0;
float:left;
}
.item-info-overlay a.preview {bottom:10px;}
#dp-head a.cssLogo, #dp-head a.imageLogo {margin-top:10px;}
#dp-button-area a { margin-top:30px;} @media (max-width: 600px) {
html[dir="rtl"] article section table td {
float: left;
padding: 5px 50% 5px 0;
}
html[dir="rtl"] article section table td span.dp-table-label {
left: 0;
right: 5px;
}
}