/*Check FTP for template css*/

@font-face {
font-family: "HelveticaNeueBlackCondensed";
src: url("/images/347/assets/webfonts/HelveticaNeueBlackCondensed.woff") format('woff'); 
}



/*HEADER */
/*------------------*/

header {
    z-index:999999999;
}

header nav ul {
    list-style: none;
}

header nav ul li {
    vertical-align: top;
    display: inline-block;
    transition: background .3s ease;
    padding: 0px;
}

header nav ul.sub-menu,
nav#menu ul.sub-menu {
    overflow: hidden;
    max-height: 0;
    margin: 0;
    padding: 0;
    background-color: #444;
    transition: max-height .7s ease;
}

header nav ul li:hover {
    background-color: #444;
}

header nav ul.sub-menu li:hover {
    background-color: #333;
}

header nav ul li:hover .sub-menu {
    max-height: 800px;
}

nav#menu ul.sub-menu.openNav {
    max-height: 800px;
}

header nav ul.sub-menu li {
    display: block;
}

.image p {
    margin: 0;
}

header#header nav a[href="#menu"] {
    border-radius: 5px;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
    padding: 0 1.35em;
    margin-right: 0.7em;
    margin-top: 0.7em;
}

@media(max-width: 768px){
    header#header nav a[href="#menu"] {
        margin: 0;
    }
    header#header.alt nav a[href="#menu"] {
         /*background-color: #BD0FE0;*/
    }
}

@media(max-width: 480px){
    header#header nav a[href="#menu"] {
        box-shadow: none;
    }
    header#header nav a[href="#menu"]:before {
        font-size: 22px;
        padding-right: 10px;
    }
    nav#menu ul {
        list-style:none;
    }
}

#wrapper > header h1 {
    font-size: 2em;
}


/*HERO & FOOTER BG*/
/*------------------*/

/*section#banner, */
/*section#footer {*/
/*    position: relative;*/
/*}*/

section#banner::before {
    content:"";
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    background: url("/images/347/images/codepinkBG.jpg");
    background-size: cover;
    opacity: 0.2;
}

section#footer {
        position: relative;
}

section#footer::before {
    content:"";
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    background: url("/images/347/images/codepinkBG.jpg");
    background-size: cover;
    opacity: 0.05;
    z-index:0;
}

@media(max-width:1280px){
    section#footer .inner{
        position:relative;
        z-index: 9999;
    }
}

@media(min-width:1281px){
    section#footer::before {
        z-index:-1;
    }
    section#footer {
        top: -6.5em;
        padding-top: 6.5em;
        margin-bottom: -6.5em;
    }
    #page-wrapper {
        /*footer moves 6.5em up to slide behind wedge, hide the resulting extra space*/
        overflow:hidden;
        margin-bottom: -6.5em;
    }
}




/*LOGO */
/*------------------*/

section#banner h2 {
    border: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

section#banner p {
    font-size: 1em;
    font-weight: 600;
}

.codepinkLogo {
    font-family: HelveticaNeueBlackCondensed, Helvetica, sans-serif;
    text-transform: none;
    color: #fff;
}

.cp-code, 
.cp-pink {
    letter-spacing: 0;
    font-size: 54px;
}

.cp-sign {
    font-size: 61px;
    letter-spacing: -1.5;
}
header .cp-code, 
header .cp-pink {
    font-size: 27px;
}
header .cp-sign {
    font-size: 30px;
}
.cp-code {
    
}
.cp-pink {
    color: #BD0FE0;
}




/*BODY*/
/*------------------*/

section.wrapper {
    background-color: #646464;
}


section#one.wrapper.spotlight {
    background: #B751CC;
}
section#one.wrapper::before, 
section#one.wrapper::after {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23B751CC%3B' /%3E%3C/svg%3E");
    box-shadow: inset 0 -1px 0 0 #B751CC, 0 1px 0 0 #B751CC;
}


section#two.wrapper.spotlight {
    background: #A83DBE;
}
section#two.wrapper::before, 
section#two.wrapper::after {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23A83DBE%3B' /%3E%3C/svg%3E");
    box-shadow: inset 0 -1px 0 0 #A83DBE, 0 1px 0 0 #A83DBE;
}

section#three.wrapper.spotlight {
    background: #952BAA;
}
section#three.wrapper::before, 
section#three.wrapper::after {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23952BAA%3B' /%3E%3C/svg%3E");
    box-shadow: inset 0 -1px 0 0 #952BAA, 0 1px 0 0 #952BAA;
}

section#four.wrapper.spotlight {
    background: #646464;
}
section#four.wrapper::before, 
section#four.wrapper::after {
    background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23646464%3B' /%3E%3C/svg%3E");
    box-shadow: inset 0 -1px 0 0 #646464, 0 1px 0 0 #646464;
}


section a.special:not(.button) {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    transition: background-color .3s ease-out;
}

section a.special:not(.button):hover {
    background-color: rgba(0,0,0,0.1);
}


/*FOOTER*/
/*------------------*/

section input[type="text"], 
section input[type="password"], 
section input[type="email"], 
section input[type="tel"], 
section select, 
section textarea {
    background: rgba(189,15,224, 0.1);
}

section input[type="text"]:focus, 
section input[type="password"]:focus, 
section input[type="email"]:focus, 
section input[type="tel"]:focus, 
section select:focus, 
section textarea:focus {
    border-color: #BD0FE0;
}

#floaterContactForm tr {
    border: none;
}
#floaterContactForm td {
    display:block;
    text-align: left;
}
#floaterContactForm td:nth-child(even) {
    padding-bottom: 25px;
}
#floaterContactForm td b {
    text-transform: uppercase;
}
#floaterContactForm textarea {
    width:100% !important;
}

#floaterContactForm table tbody tr:nth-child(2n + 1) {
    background:none;
}

#captchaSolution {
    padding: 0px 20px;
    box-sizing: content-box;
}



/* CMSI */
/*------------------*/

.cmsi-module-showcase-oddrow, 
.cmsi-module-showcase-evenrow {
    margin-bottom: 35px;
}

a.cmsi-showcase-readmore,
a.cmsi-module-showcase-back {
    background: none;
    text-shadow: none;
    color: #fff;
    box-shadow: none;
    transition: border .2s ease, background .2s ease;
}

.cmsi-showcase-list a.cmsi-showcase-readmore:hover,
a.cmsi-module-showcase-back:hover{
    background: #4C055A;
    border: 1px solid #BD0FE0;
}

#cmsi-module-showcase-photos > a, 
#cmsi-module-showcase-thumbs a img,
.cmsi-showcase-thumb a.cmsi-showcase-readmore {
    border: none;
    background: none;
}








@media(min-width:769px){
    .mobileOnly {
        display:none !important;
    }
}
@media(max-width:768px){
    .desktopOnly {
        display:none !important;
    }
}