/* APM4 Core CSS
 Version: 4.1.5 -build 13
*/
.p7AP4 {margin: 0 auto; width: auto;}
.p7AP4cwrapper {position: relative;}
/*TRIGGERS AND TRIGGER LINKS*/
.p7AP4trig {margin: 0;}
.p7AP4trig a {display: block; text-decoration: none; background-repeat: no-repeat; background-position: left center;}
.p7AP4.ap4-animate .p7AP4trig a {transition: all linear .3s; -webkit-transition: all linear .3s;}
.p7AP4trig h2, .p7AP4trig h3 {margin: 0; padding: 0; font-weight: normal;}
a.p7AP4_ext, .p7AP4trig a.p7AP4_ext.current_mark {background-image: url(../p7ap4/img/p7AP4_page_black.png) !important;}
a.p7AP4_ext:hover, .p7AP4trig a.p7AP4_ext.current_mark:hover {background-image: url(../p7ap4/img/p7AP4_page_white.png) !important;}
/* Content Column Structures */
.p7AP4-col-wrapper {-webkit-flex-flow: row wrap; flex-flow: row wrap; display: -webkit-box; display: flex;}
.p7ap4-column {list-style-type: none; -webkit-flex-grow: 1; flex-grow: 1; margin: 0px; padding: 0px; position: relative;}
.p7ap4-column img {width: auto !important; height: auto !important; max-width: 100%;}
.p7AP4panel.p7AP4-col-wrapper {padding: 0px !important;}
.border-left.p7ap4-content {border-left: 1px dotted #000;}
.border-right.p7ap4-content {border-right: 1px dotted #000;}
/*Default content padding*/
.p7ap4-content {box-sizing: border-box; padding: 15px 20px 10px;}
/*Various column widths*/
.p7ap4-column {flex-basis: 100%;}
/*Dreamweaver Design View*/
.ap4-noscript .p7ap4-column, .ap4-legacy .p7ap4-column {float: left; width: 100%;}
/*Legacy Rules for IE8, 9, and 10*/
.p7AP4-col-wrapper:after {content: ""; display: table; clear: both;}
.p7ap4-content {height: 100%;}

@media only screen and (min-width: 0px) and (max-width: 680px) {
.p7AP4 {background-color: transparent !important;}
.p7AP4root-wrapper.closed {height: 0px; overflow: hidden;}
.p7AP4root-wrapper.opened {height: auto; overflow: hidden;}
.p7AP4-col-wrapper, .p7ap4-column, .p7ap4-content {width: auto !important; display: block !important; border: none !important;}
}