/* extracted from the index.html */

.node-type-front-page .dockercon16 section.title_section.darkblue img.moby {
	
}
div.dockercon_registation_section { position:static; }
div.dockercon_registation_section img.dcon_logo {
    padding-left: 40px;
}
div.dockercon_registation_section .cross-btn {
    color: #fff;
    font-size: 14px;
    float: left;
    height: 43px;
    width: 260px;
    overflow: hidden;
    position: relative;
    font-family: 'Geomanist Book', sans-serif;
}
div.dockercon_registation_section .cross-btn:before {
}
div.dockercon_registation_section .cross-btn:after {
    content: ' ';
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 2;
    display: block;
    border-bottom: 10px solid #00445b;
    border-left: 260px solid transparent;
    border-right: 0px solid transparent;
}
div.dockercon_registation_section .cross-btn > a:hover,
div.dockercon_registation_section .cross-btn > a:focus,
div.dockercon_registation_section .cross-btn > a:active,
div.dockercon_registation_section .cross-btn > a:visited {
	outline: none;
	border: none;
	text-decoration: none;
}
div.dockercon_registation_section .cross-btn > a {
    color: inherit;
    display: inline-block;
    background-color: #6cd7d0;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 10px;
    margin-left: 20px;
    position: relative;
	text-decoration:none;
}
div.dockercon_registation_section .cross-btn > a:before {
    content: ' ';
    display: block;
    position: absolute;
    top: -2px;
    left: -10px;
    width: 20px;
    height: 50px;
    background-color: #6cd7d0;
    transform: rotate(380deg);
    transform-origin: center left;
    z-index: 0;
}
div.dockercon_registation_section .cross-btn > a:after {
    content: ' ';
    display: block;
    position: absolute;
    top: -2px;
    right: -110px;
    width: 120px;
    height: 40px;
    background-color: #6cd7d0;
    transform: rotate(380deg);
    transform-origin: center left;
    z-index: 0;
}
div.dockercon_registation_section .cross-btn > a > span {
	position: relative;
    z-index: 1;
}
div.dockercon_registation_section .cross-btn > a > span > i {
    background-image: url(/sites/all/themes/docker/assets/images/dcon_video_play.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin-left: 10px;
}


/** CSS Overrides - this is temporary and should be formally added to the master scss files **/
/** Global links **/
a, a:active {outline: none;}
a:hover {text-decoration: none;}

/** header **/
header .nav-global li a,
.main-header div > .nav-main a {
    color: rgba(255, 255, 255, 0.85);
    outline: none;
}

header .nav-global li a:hover,
.main-header div > .nav-main a:hover {
    color: #fff;
}
.main-header div > .nav-main > li ul {
    transition: all ease-in .2s;
}
/** global navigation elements **/
.main-header div>.nav-main a {
  font-size: 16px;
}
.dockercon16 div.heronav_section {
  background-color: #003E52;
}
.dockercon16 div.heronav_section ul li {
  margin: 0px 3px;
}
.dockercon16 div.heronav_section ul li a {
  padding: 15px 40px 9px 40px;
}
/***************************************************************** front page ****************************************************************/

.customer_and_news_section.section.GenericDev.bluebackground {
    padding: 50px;
}
body .dockercon16 section.section {
    padding: 160px 0;
}
/** update to button styles**/
.front section.title_section.darkblue .button {
    margin-top: 0px;
}
.front .dockercon16 section.title_section.darkblue h1 {
    margin-bottom: 10px;
}
.node-type-front-page .dockercon16 section.title_section.darkblue a.button {
  background-color: rgba(0, 78, 103, 0.61);
  padding: 17px 40px 14px 40px;
}
.node-type-front-page .dockercon16 section.title_section.darkblue p {
    font-size: 18px;
    color: #FFFFFF;
    max-width: 340px;
}
section.customer_and_news_section.section {
    background-color: #003E52;
}
/** hide bottom section - this should be removed from tempate **/
.bottom_cta_section.gary.section.GenericDev.bgblue5.bluebackground {
    display: none;
}
/*section.title_section.darkblue .button {
    margin-top: 0px;
}*/
/** button on:hover **/
.node-type-front-page .dockercon16 section.title_section.darkblue a.button:hover {
    background: rgba(0, 0, 0, 0.6);
    text-decoration: none;
}

/** please remove this field from the content type (infra/industry) **/
 .projects_software_infrast_section img, .projects_open_industry_section img {
     display: none;
}


/************************************** typography ****************** All headings should be Geomanist Light ***************************/
.dockercon16 section.title_section.darkblue h1 {
    font-family: 'Geomanist Light', sans-serif;
}

body .dockercon16 h2 {
    font-family: 'Geomanist Light', sans-serif;
}

.dockercon16 section.GenericDev .items.media li .media_content h3 {
   font-family: 'Geomanist Regular', sans-serif;
}

/***** blue background gradient *******/
 section.bgblue4.section {
     background: #285a8c;
     background: -moz-linear-gradient(top, #1488C6 0%, #124b77 100%, #124b77 100%);
     background: -webkit-linear-gradient(top, #1488C6 0%,#124b77 100%,#124b77 100%);
     background: linear-gradient(to top, #1488C6 0%,#124b77 100%,#124b77 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1488C6', endColorstr='#124b77',GradientType=0 );
 }

/************************************** buttons **************************************/
.dockercon16 section.section a.button.darkblue-btn, .dockercon16 section.title_section a.button.darkblue-btn {
    padding: 15px 40px 13px 40px;
}
.dockercon16 section.section a.button.darkblue-btn:hover, .dockercon16 section.title_section a.button.darkblue-btn:hover {
    background: #235363;
}
/** outline buttons on blue **/
.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button {
    border: 1px solid #72B8D6;
    padding: 10px 40px 9px 40px;
}
.dockercon16 section.customer_and_news_section.section.GenericDev .items.media li a.button:hover {
    background: rgba(255, 255, 255, 0.41);
}

/** white buttons **/
.dockercon16 section.section a.button.white-btn {
   padding: 15px 40px 13px 40px;
}
.dockercon16 section.title_section a.button.white-btn {
    padding: 15px 40px 13px 40px;
}
.dockercon16 section.section a.button.white-btn:hover {
    background: RGBA(255, 255, 255, 0.71);
}
.dockercon16 section.title_section a.button.white-border-btn {
    padding: 14px 40px 12px 40px;
}
/************************ footer ****************************/
div.moby_footer .bar {
    background-image: none;
}
footer.main_footer {
    border-top: 10px solid #ffd601;
    outline: 13px solid #9ce2c0;
}
/************************ hide these elements ****************************/
.cta-illustration {display: none;}