/*
Theme Name: CDP Popup
*/

#cdp-pop article {
  margin: 20px;
}


#cdp-pop {
    display: none; /* ensures it’s invisible until it’s called */
    position: absolute; /* makes the div go into a position that’s absolute to the browser viewing area */
    left: 25%; 
    top: -20%; 
    padding: 0 20px 12px 20px;
    /*margin: 10px 40px 15px 50px;*/
    border: 5px solid #930042;
    background-color: #BFE0F2;
    width: 50%;
    height: auto;
    z-index: 100; /* makes the div the top layer, so it’ll lay on top of the other content */
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#call-cdp-pop {
  position: relative;
}

#call-cdp-pop-wrap {
  position: relative;

}

#call-cdp-pop-wrap #cdp-pop {
  top: 25%;
}

.cdp-pop-shadow {
  -moz-box-shadow:    4px 4px 5px 0 #ccc;
  -webkit-box-shadow: 4px 4px 5px 0 #ccc;
  box-shadow:         4px 4px 5px 0 #ccc;
}



#close-cdp-container {
  float: right;
  border-radius: 50%;
  background-color: #930042;
  padding: 0px 10px;
  margin: -39px -26px -25px 0;
  border: 5px solid #930042;
}

div #close-cdp-container a:link, .close-cdp-pop a:hover, .close-cdp-pop a:active, .close-cdp-pop a:visited {
  text-decoration:none;
  font-size: 3em;
  color: #fff;
}