/* 
        CYBER SECURITY template.css
*/

/* ---GLOBAL--- */

body {
    background: linear-gradient(lightgray, gray);
    height: 100%;
}

#page_wrapper {
    background-color: white;
    padding: 0px;
}

#nav_wrapper ul li.active a.deeper.parent { /* to make home and contact nav items blue when active */
    color: #0091e6;
}

#nav_wrapper ul li.active.deeper.parent a { /* to make nav item stay blue when in sub pages */
    color: #0091e6;
}

/* ---END GLOBAL--- */


/* ---HEADER--- */

#header {
    background-color: lightgray;
}

#cyber_logo p img {
    background-color: lightgray;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

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

/* ---NAVIGATION--- */

#nav_box {
    background-color: lightgray;
}

#nav_wrapper {
    background-color: lightgray;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: 5%;
}

#nav_wrapper ul li {
    float: left;
    width: auto;
    margin-left: 2%;
}

#nav_wrapper ul.nav.menu li a {
    color: #001D34;
    font-size: 2.2vmin;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

#nav_wrapper ul li a {
    color: #002b97;
    font-size: 2.2vmin;
}

#nav_wrapper ul.nav.menu li a:hover {
    color: #0091e6;
    background-color: transparent;
}

#nav_wrapper ul li ul li { /* so that sub-menu items don't show */
    display: none;
}

/* ---END NAVIGATION--- */

#secondary-banner {
    background-image: url("/lawcouncil/images/cyber/secondary-banner-v3-web.jpg");
    width: 100%;
    height: 200px;
    margin: 0;
    padding: 0;
    margin-bottom: 30px;
}

/* ---CONTENT--- */

#col1 {
    padding: 30px;
}

#col2 {
    margin-top: 40px;
}

.video-container { /* to make sure videos are responsive */
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
    border: 1px solid black;
}

.video-container iframe { /* to make sure videos are responsive */
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

#content_body {
    color: #001D34;
    margin-top: 0px;
    min-height: 200px;
    margin-bottom: 20px;
}

ul.cyberBody li {
    display: block;
}

.home-copy {
    font-size: 1.2em;
    font-weight: 400;
}

.home-header {
    color: #0091e6;
    font-size: 1.5em;
}

.cyber-copy {
    padding-left: 10%;
    padding-right: 10%;
}

.cyber-copy p img {
    width: 100%; /* to make sure images in article copy are responsive */
}

.cyber-home-copy {
    text-align: center;
    font-size: 1.2em;
    font-weight: 500;
    padding-left: 10%;
    padding-right: 10%;
}

.cyber-home-copy p {
    margin: 20px;
}

.page-header {
    padding-left: 10%;
}

.cyber_home_copy {
    font-size: 1.3em;
}

.cyber_home_copy p {
    padding-top: 20px;
}

.video-container {
    width: 100%;
    height: auto;
    overflow-x: hidden;
}

li.landing.gray {
    display: block;
    float: left;
    width: 40%;
    /*padding: 10px;*/
    text-align: center;
    margin: 2.5%;
    /*background-color: lightgray;*/
    background-image: url("/lawcouncil/images/cyber/btn-cyber.jpg");
    min-height: 100px;
    white-space: normal;
}

li.landing.blue {
    display: block;
    float: left;
    width: 40%;
    /*padding: 10px;*/
    text-align: center;
    margin: 2.5%;
    /*background-color: #002b97;*/
    background-image: url("/lawcouncil/images/cyber/btn-cyber-blue.jpg");
    min-height: 100px;
    white-space: normal;
}

.landing li a {
    font-size: 2.2vmin;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    color: white;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
}

li.landing.gray a:hover {
    color: #002b97;
    text-decoration: none;
    display: block;
}

li.landing.blue a:hover {
    color: gray;
    text-decoration: none;
    display: block;
}

#content_body ul.cyberBody li:before {
    font-family: "FontAwesome";
    content: "\f105";
    color: #002b97;
    margin-right: 10px;
}

#content_body ul.cyberBody li {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*** custom checkboxes ***/

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 8px; } /* allow space for check mark */

.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}

/* ---END CONTENT--- */

/* ---FOOTER--- */

#disclaimer {
    background-color: transparent;
    color: #001D34;
    font-size: 1vh;
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

#footer {
    background-color: lightgray;
    padding: 5px;
}

#footer_logo {
    background-color: transparent;
    width: 126px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}

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