/* 
  -----------------------------------
  Accordion Panel Magic 3
  by Project Seven Development
  www.projectseven.com
  Content Column Structures
  -----------------------------------
*/

/*Turn off Padding in existing AP3 content panels*/
.p7AP3panelcontent {
    padding: 0px !important;
}

/*Conditionally add padding to default content panels*/
.p7ap3-col-wrapper.no-columns {
    padding: 20px 32px !important;
}

/*Conditionally remove padding to default content panels that contain multi-column structures*/
.no-columns, .multi-columns {
    font-size: inherit;
}

.p7ap3-col-wrapper.multi-columns {
    padding: 0px;
}
/*Default content padding*/
.p7ap3-column-content {
    padding: 28px 32px;
    display: block;
}

.p7ap3-col-wrapper {
    zoom: 1;
}

    /*Clear Floats for Column Structures inside content panels*/
    .p7ap3-col-wrapper:before, .p7ap3-col-wrapper:after {
        content: ".";
        display: block;
        height: 0;
        overflow: hidden;
    }

    .p7ap3-col-wrapper:after {
        clear: both;
    }

/*Various column widths*/
.width-50 {
    width: 50%;
    float: left;
}

.width-25 {
    float: left;
    width: 25%;
}

.sidebar-left.width-main-75 {
    width: 75%;
    float: right;
}

.sidebar-left.width-25 {
    width: 25%;
    float: right;
    font-size: .9em;
}

.sidebar-right.width-main-75 {
    width: 75%;
    float: left;
}

.sidebar-right.width-25 {
    width: 25%;
    float: left;
    font-size: .9em;
}

.width-33 {
    width: 33.333%;
    float: left;
}

.width-22 {
    width: 22%;
    float: left;
    font-size: .85em;
}

.push-left-56 {
    position: relative;
    left: -56%;
}

.width-56 {
    width: 56%;
    float: left;
}

.push-right-22 {
    position: relative;
    left: 22%;
}


/*Column separators (vertical border)*/
.border-left {
    border-left: 1px dotted #000;
}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

    .p7ap3-column {
        width: auto !important;
        float: none !important;
        position: static !important;
    }

    .p7ap3-column-content {
        padding: 10px 10px !important;
        border: none;
        height: auto !important;
        max-height: 888678px;
    }

    .p7ap3-col-wrapper:before, .p7ap3-col-wrapper:after {
        display: none;
    }
}