/* Min-width: 320px (smaller phone viewpoints)
v Min-width: 480px (small devices and most phones)
v Min-width: 768px (most tablets)
v Min-width: 992px (smaller desktop viewpoints)
Min-width: 1200px (large devices and wide screens)

#2a3036

*/



/*
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
TABLET & SMALLER LAPTOPS
The average viewing window and preferred media query for those is 768px.
But I think that some more breathing space is good:)
*/
@media only screen and (min-width: 992px) {



.mob {display:none !important;}
.tab {display:none !important;}
.desk {display:block !important;}
.mobdesk {display:block !important;}
.mobtab {display:none !important;}
.tabdesk {display:block !important;}



.wrapper { max-width: 960px;  margin: 0 auto; }

.widewrapper, .mast_internal { max-width: 960px;  margin: 0 auto; }

.wrapper2000 { max-width: 2000px;  margin: 0 auto; }




header { top:0; }




.sitenav {  background: rgb(255,255,255); /* Fall-back for browsers that don't support rgba */
background: rgba(255,255,255,1);
box-shadow:  0px 0px 4px 2px rgba(00, 00, 00, .3);
}

#secondarynavwrapper { background: #161616; }



.secondarynav { max-width:1200px; margin: 0 auto; color: #bababa; text-align: right;}


.secondarynav a { color: #bababa; padding: 1em 2em; display: inline-block; border-bottom: 2px solid rgba(0,0,0,0);}
.secondarynav a:hover{ color: #f2f2f2; /*border-bottom: 2px solid #8dc73f;*/}

#topnav { max-width:1200px; }




.desklogo { height:14em; width:14em; text-align:left; padding: 0; margin: 0 auto 0 2em; background:#f58220; }

.desklogo222 { height:7em; width:7em; text-align:left; padding: 0; margin: 0 auto 0 2em; background:#f58220; }


.logo444 { width:12%; min-width:154px; text-align:left; padding: 1em 0 0 10px; margin: 0; float:left; display:inline-block; }


.logo img { width:100%; }

.links444 { width:80%; text-align:left; padding: 0; margin: 0; float:right; display:inline-block; }

















/*** MAIN MENU - ESSENTIAL STYLES ***/
.menu-toggle{display:none; }
#menu-main-navigation{display:block; float: right; margin:0;}


.srt-menu, .srt-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.srt-menu ul {
position:		absolute;
display:none;
width:			10em; /* left offset of submenus need to match (see below) */
}
.srt-menu ul.widernav {
position:		absolute;
display:none;
width:			16em; /* left offset of submenus need to match (see below) */
}
.srt-menu ul li {
width:			100%;
}
.srt-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.srt-menu li {
float:			left;
position:		relative;
margin-left: 0em;
}
.srt-menu li li {
margin-left:0px;
}
.srt-menu a {
display:		block;
position:		relative;
}

.srt-menu li:hover ul,
.srt-menu li.sfHover ul {
display:block;
left:			0; /* left or right depending on dropdown alignment */
top:			74px; /* match top ul list item height */
z-index:		9999;
-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}

ul.srt-menu li:hover li ul,
ul.srt-menu li.sfHover li ul {
top:			-999em;
}

ul.srt-menu li li:hover ul,
ul.srt-menu li li.sfHover ul {
left:			12em; /* match ul width */
top:			0;
}
ul.srt-menu li li:hover li ul,
ul.srt-menu li li.sfHover li ul {
top:			-999em;
}

ul.srt-menu li li li:hover ul,
ul.srt-menu li li li.sfHover ul {
left:			12em; /* match ul width */
top:			0;
}

.srt-menu li ul li ul {
position:		absolute;
display:none;
width:			8em;
}

.srt-menu a {
text-decoration:none;
}


.srt-menu li a {
background:none;
margin:0; 
padding: 1.75em;
border-bottom: 2px solid rgba(255, 255, 255, 0);
color: #222222 !important;
}

.srt-menu li a.subnav {
display:block;
margin:0; 
padding: 0.75em;
border-bottom: 0px solid rgba(255, 255, 255, 0);
z-index: 9999;
}

.srt-menu li a.subnavsub {
display:block;
margin:0; 
padding: 0.75em;
border-bottom: 0px solid rgba(255, 255, 255, 0);
border-right:4px #f58220 solid;
}

.srt-menu a, .srt-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:			#222222;
font-size:1.1em;	
}


.srt-menu li li a {
padding-left:20px;
height:auto;
}
.srt-menu li li a:visited{color:#fff;}
.srt-menu li li li a,
.srt-menu li.current * li a{
padding-left:20px;
background:rgba(100,100,100,1);
border-left:2px solid #f58220;
}

.srt-menu li:hover > a,
.srt-menu li.current a{ 
color:#8dc73f;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .05);
/*border-bottom:2px solid #8dc73f;*/
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}

.srt-menu li:hover > a.subnav,
.srt-menu li.current a.subnav	{ 
color:#fff;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .25);
border-bottom:0px solid #8dc73f;
}

.srt-menu li li:hover > a.subnav{
color:#fff;
background:#bbbbbb;
}

.srt-menu li li:hover > a.subnavsub{
color:#fff;
background:#bbbbbb;
}

.srt-menu li:hover > a.subnavsub,
.srt-menu li.current a.subnavsub	{ 
color:#fff;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .25);
border-bottom:0px solid #8dc73f;
}

li.drop { background: url("/images/drop.png") no-repeat center bottom; padding: 0; margin: 0; }

.srt-menu li a.register {
display:none;
}

.srt-menu li.current a { color: #f58220 ;  }


.srt-menu li.path_title a {
font-size: 1.6em;
text-transform: uppercase;
background: rgba(141,199,63,1);
line-height: 0.8em;
padding: 1em 0 0 0;
width: 117%;
margin: 0 0 0 -0.65em;
height: 2.75em;
color:#ffffff;

}


.srt-menu.toggled-on{
margin-top:-102px !important;
}

.menu-toggle.toggled-on {
display: none;
}

.srt-menu.toggled-on{
clear:both;
}



#menu-sec-navigation{display:block; float: right; margin:0;}




.sec-menu, .sec-menu * {
margin:			0;
padding:		0;
list-style:		none;
}
.sec-menu ul {
position:		absolute;
display:none;
width:			10em; /* left offset of submenus need to match (see below) */
}



.sec-menu ul li {
width:			100%;
}
.sec-menu li:hover {
visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sec-menu li {
float:			left;
position:		relative;
margin-left: 0em;
}
.sec-menu li li {
margin-left:0px;
}
.sec-menu a {
display:		block;
position:		relative;
}

.sec-menu li:hover ul,
.sec-menu li.sfHover ul {
display:block;
left:			0; /* left or right depending on dropdown alignment */
top:			36px; /* match top ul list item height */
z-index:		99;
-webkit-box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
box-shadow:  2px 3px 2px 0px rgba(00, 00, 00, .3);
}

ul.sec-menu li:hover li ul,
ul.sec-menu li.sfHover li ul {
top:			-999em;
}

ul.sec-menu li li:hover ul,
ul.sec-menu li li.sfHover ul {
left:			12em; /* match ul width */
top:			0;
}
ul.sec-menu li li:hover li ul,
ul.sec-menu li li.sfHover li ul {
top:			-999em;
}

ul.sec-menu li li li:hover ul,
ul.sec-menu li li li.sfHover ul {
left:			12em; /* match ul width */
top:			0;
}

.sec-menu li ul li ul {
position:		absolute;
display:none;
width:			8em;
}

.sec-menu a {
text-decoration:none;
}


.sec-menu li a {
background:none;
margin:0; 
padding: 0.75em 1.5em;
border-bottom: 2px solid rgba(255, 255, 255, 0);
color: #dadada !important;
}

.sec-menu li a.subnav {
display:block;
margin:0; 
padding: 0.75em;
border-bottom: 0px solid rgba(255, 255, 255, 0);
color:			#222222 !important;
text-align: left;
}

.sec-menu li a.subnavsub {
display:block;
margin:0; 
padding: 0.75em;
border-bottom: 0px solid rgba(255, 255, 255, 0);
border-right:4px #f58220 solid;
}

.sec-menu a, .sec-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
color:			#222222;
font-size:1em !important;	
}


.sec-menu li li a {
padding-left:20px;
height:auto;
}
.sec-menu li li a:visited{color:#fff;}
.sec-menu li li li a,
.sec-menu li.current * li a{
padding-left:20px;
background:rgba(100,100,100,1);
border-left:2px solid #f58220;
}

.sec-menu li:hover > a,
.sec-menu li.current a{ 
color:#8dc73f;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(255,255,255, .1);
/*border-bottom:2px solid #8dc73f;*/
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}

.sec-menu li:hover > a.subnav,
.sec-menu li.current a.subnav	{ 
color:#fff;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .25);
border-bottom:0px solid #8dc73f;
}

.sec-menu li li:hover > a.subnav{
color:#fff;
background:#bbbbbb;
}

.sec-menu li li:hover > a.subnavsub{
color:#fff;
background:#bbbbbb;
}

.sec-menu li:hover > a.subnavsub,
.sec-menu li.current a.subnavsub	{ 
color:#fff;
background: rgb(0,0,0); /* Fall-back for browsers that don't support rgba */
background: rgba(0, 0, 0, .25);
border-bottom:0px solid #8dc73f;
}

li.drop { background: url("/images/drop.png") no-repeat center bottom; padding: 0; margin: 0; }

.sec-menu li a.register {
display:none;
}

.sec-menu li.current a { color: #f58220 ;  }


.sec-menu li.path_title a {
font-size: 1.6em;
text-transform: uppercase;
background: rgba(141,199,63,1);
line-height: 0.8em;
padding: 1em 0 0 0;
width: 117%;
margin: 0 0 0 -0.65em;
height: 2.75em;
color:#ffffff;

}


.sec-menu.toggled-on{
margin-top:-102px !important;
}

.menu-toggle.toggled-on {
display: none;
}

.sec-menu.toggled-on{
clear:both;
}











#splash, #splash20, #splash26 {
padding:8em 0 4em 0;
}	



#splash h1, #splash20 h1, #splash26 h1 {
font-size: 4em;
/*text-align: center !important;*/
letter-spacing: -2px;
}	

 


a.splashbutton, a.splashbuttongreen, a.splashbuttonwhite {
font-size: 1.2em;
}






.vertical-padding {	padding:5em 0; }




.community-container img {
  display: block;
  height: 3rem;
  max-width: 100%;
}


.community-container img.communitymast {
  height: 2rem;
  width: 100%;
}



.logoblock .logotile {
    height: 150px !important;
    width: 150px !important;
}

    .logotile img {
        width: 150px !important;
    }


.logoblock2 .logotile2 {
    height: 150px;
    width: 150px;
    margin: -20px 0 0 0;
}


.logotile2 img {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 150px !important;
    height: auto;
}



.logotile3 img {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 150px !important;
}

    .cta-section .cta-content {
        max-width: 960px;
        margin: auto;
        display: flex;
        /* justify-content: space-between; */
        align-items: center;
        gap: 5em;
    }


        .vid-section .vid-content {
        max-width: 1400px;
        margin: auto;
        display: flex;
        justify-content: space-evenly;
        align-items: flex-start;
        gap: 3em;
    }






 .iframe-container {
    width: 640px; /* Match your iframe width */
    height: 360px; /* Match your iframe height */
    border-radius: 20px; /* The roundness amount */
  }

  .iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
  }

.mob iframe {
    width: 100%;
    height: 100%;
    border: none;
  }


.ciomast, .cisomast, .cdomast, .caiomast, .cmomast, .cromast, .cscomast, .gtmmast, .cfomast, .cxmast, .chromast, .clomast, .hcmast, .fsmast, .psmast {
    padding: 8em 0 5em 0;
}

.introblock {width:69%; margin:0; }

.introblock p {}


.flex-grid-111 .col40 {
width: 45%;
margin:0;
}

.flex-grid-111 .col60 {
width: 55%;
margin-top:auto;
}



  .flex-grid-3350  .col {
      width: 30%;

    }




.productbox {  
    max-height: 105px;
padding:6em 1em;
}

.productpic {
    min-width: 200px;
    max-width: 200px;
}

.productlabel p.label {
  font-size:1.75em;
}



.flex-grid-444 .col {
  width: 23%;
}



.flex-grid-bio .col {
  width: 24%;
}

.teamdetails { min-width: 240px; max-width: 240px;}

.speakerdetails { min-height: 285px; padding:2em 1em;}








 a.event_card_container {

    width: 30%;

    }












#abm {
background-size: cover !important;

}


#growth {
background-size: cover !important;
background-attachment: fixed !important;
}



.breadcrumb {
display: none;
position: absolute;
top: 1em;
left: 20em;
font-size: 0.75em;
color: #f2f2f2;
text-transform: uppercase;
}






.deskdeets { display:block; }
.mobdeets { display:none; }







.leftalign {
margin:1em 2em 0 0 !important; 
}	



a.tilelinkbtn {
display: block;
border: 2px solid #4e7520;
margin: 0.5em;
text-align: center;
vertical-align: middle;
font-size: 2em;
padding: 1em;
color: #4e7520;
float: left;
width: 21.3%;
}


.calendar_item_wrapper {
width: 29.5%;
float: left;
margin: 1em;
max-height: 380px;	
}


a.calendar_item_morelink {
min-height: 380px;
    max-height: 380px;
    overflow: hidden;
}

.calendar_item_eventname h2 { font-size:2em !important;}

.calendar_item_eventdateloc p { font-size:1em; }


.calendar_item_regbtn {
position: absolute;
bottom: 0;
width: 100%;
}


a.buttonlink4:hover, a.buttonlink1:hover{
background-color:#fff;
color:#8dc73f;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}

a.buttonlink3:hover{
background-color:#58595b;
color:#fff;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}



a.buttonlink5:hover, a.buttonlink2:hover{
background-color:#111111;
color:#fff;
cursor: pointer;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}



.footerwrapper { margin: 0 auto; padding:1em 0; width:98%; max-width: 1400px; }

footer {     background: #222222; }





.social { }

.socialicons { display:block; margin:0; padding:0; }

.socialmedia {
display:none !important; margin:0; padding:0;
}

.socialmedia img {
width: 32px;
height: 32px;
margin: 0.25em 0 0 0;
padding: 0;
}

.socialmedia p {
margin: 0; color: #f2f2f2;
}

.socialmedia a {
margin: 0; color: #f2f2f2 !important;
}




.summit_home_info h5 { font-size:1.6em; }
.summit_home_info p	 { font-size:1.1em;  }





.grid_3_nav { width:35%; margin:1em 1% 1em 1%; display:inline-block; text-align:center; }

.grid_25_50 { width:21%; margin:1em; display:inline-block; text-align:center; }




 #registration{
    width:64%;
    margin:0 auto;	
    }  




















}


/*
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*/
@media only screen and (min-width: 1030px) {



.splashtext { border-left: 4px solid #ffffff; }





/*GRID*/
/*
& Columns : 12 

*/
.grid_1 { width: 5%; }
.grid_2 { width: 13.333333333333%; }
.grid_3 { width: 21.666666666667%; }
.grid_4 { width: 30%; }
.grid_5 { width: 38.333333333333%; }
.grid_6 { width: 46.666666666667%; }
.grid_7 { width: 55%; }
.grid_8 { width: 63.333333333333%; }
.grid_9 { width: 71.666666666667%; }
.grid_10 { width: 80%; }
.grid_11 { width: 88.333333333333%; }
.grid_12 { width: 100%; }

.grid_20 { width: 20%; }
.grid_25 { width: 25%; }
.grid_33 { width: 33%; }
.grid_50 { width: 50%; }

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11
{
margin-left: 1%;
margin-right: 1%;
float: left;
display: block;
text-align:left;
}

.grid_12 {
float: left;
display: block;
text-align:center;
}

.grid_25_50_vtile { width: 21%; display: table; min-height: 250px; border:2px solid #ccc; margin:1em; padding:0.5em; text-align:center; }

.grid_25_50_vtile_child { display: table-cell; vertical-align: middle; }


.grid_33_100_vtile { width: 32%; display: table; min-height: 250px; border:2px solid #ccc; margin:1em; padding:0.5em; text-align:center; }

.grid_33_100_vtile_child { display: table-cell; vertical-align: middle; }


.rightfloat{float:right;}
.leftfloat{	float:left;}



	
	
	
.calendar_item_wrapper {
width: 30%;	
}	
	


.calendar_list {width:76%;}





.agenda-table-wrap .agenda-line {

    width:64%;
}



/*
LARGE VIEWING SIZE
This is for the larger monitors and possibly full screen viewers.
*/
@media only screen and (min-width: 1200px) {

.widewrapper { max-width: 1192px;  margin: 0 auto; }


} 

/*
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other displays with a 2x resolution.
*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {



/*
iPHONE 5 MEDIA QUERY
iPhone 5 or iPod Touch 5th generation styles (you can include your own file if you want)
*/
@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2) { 


}

/*
PRINT STYLESHEET
*/
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}}