@charset "UTF-8";
/**
 * Responsive Design
 */
 
@media (min-width: 767px) {
  .mainmenu-toggle,
  .loginlink-toggle,
  .usermenu-toggle,
  .sidebar-toggle,
  .sitemap_content,
  .assetcontrols-toggle,
  .filemenu-toggle,
  .filemenu-infobox {
    display: none !important;
  }

  #col3_content img {
    max-width:        100%;
  }
}

@media screen and (max-width: 767px) {

  #page_margins {
    margin:           0 auto;
  }
  #header {
    border-top:       4em solid #CC0000;
  }
  #header h1 {
    text-shadow:      2px 2px 4px white;
    padding-top:      15px;
    padding-left:     15px;
    text-align:       left;
  }
  #col2 {
    float:            none;
    width:            auto;
  }
  #col3 {
  	margin:           1em 0;
  }
  #col1_content,
  #col2_content,
  #col3_content {
    font-size:        140%;
    position:         static;
  }
  #col3_content img {
    max-width:        100%;
  }
  #col3_content p:not(.icaption_left):not(.icaption_right) > img {
    /* fix for missing margin with float: right */
    padding-bottom:   1em;
  }

  input {
    padding:          0.2em;
  }

  .svg-icon {
    display:          inline-block;
    width:            1em;
    height:           1em;
    fill:             currentColor
  }

  #mainmenu {
  	position:         absolute;
  	top:              0;
  	left:             0;
  	margin-top:       2.5em;
    max-width:        300px;
    background-color: white;
    font-size:        110%;
  }

  .mainmenu-toggle {
    display:          block;
  	position:         absolute;
  	top:              0;
  	left:             0;
  	height:           2.5em;
  }
  .mainmenu-toggle button {
  	padding:          0.75em 1.2em 0.75em 0.8em;
	border:           0;
  	outline:          0;
    font-weight:      bold;
    font-size:        100%;
    color:            white;
    background-color: #C00;
  }
  .mainmenu-toggle button.active {
    background-color: #800;
  }
  .mainmenu-toggle button span {
    font-size: 120%;
  }
  .mainmenu-toggle button .svg-icon {
    vertical-align:   middle;
	font-size:        2em !important;
    color:            white;
  	border:           0;
    padding:          0.1em;
  }
  
  .usermenu-toggle {
    display:          block;
  	position:         absolute;
  	top:              0;
  	right:            0;
  	height:           2.5em;
  }
  .usermenu-toggle button {
  	padding:          0.75em 0.8em 0.75em 1.2em;
	border:           0;
  	outline:          0;
    font-weight:      bold;
    font-size:        100%;
    color:            white;
  	background-color: #C00;
  }
  .usermenu-toggle button.active {
    background-color: #800;
  }
  .usermenu-toggle button span {
    font-size: 120%;
  }
  .usermenu-toggle button .svg-icon {
    vertical-align:   middle;
	font-size:        2em !important;
    color:            white;
  	border:           0;
    padding:          0.1em;
  }
  .collapsed-responsive {
    display:          none;
  }
  
  .loginlink-toggle {
    margin-top:       -2.5em;
  }

  #personalmenu {
  	position:         absolute;
  	top:              0;
  	right:            0;
  	margin-top:       2.5em;
    max-width:        300px;
  	background-color: white;
    font-size:        110%;
  }
  #loginbox {
  	position:         absolute;
  	top:              0;
  	right:            0;
  	margin-top:       2.5em;
    max-width:        300px;
  	background-color: white;
    font-size:        110%;
  }
  #loginbox div.menubarbox_content input[type=text],
  #loginbox div.menubarbox_content input[type=password] {
    margin:           0.2em 0 0.2em 0;
  }
  
  #loginbox div.menubarbox_content input[type=submit] {
    margin:           0.5em 0 1em 0;
    width:            100%;
  }

  /**
   * Side Bar
   **/

  .sidebar-toggle {
    display:          block;
    margin-top:       1em;
  	padding:          0.3em 0.7em 0.2em 0.7em;
    font-weight:      bold;
    font-size:        100%;
    color:            dimgray;
    background-color: #ffdf00;
    vertical-align:   middle;
  	border:           0;
  }
  .sidebar-toggle button {
    float:            right;
	vertical-align:   middle;
	margin-left:      1em;
  	border:           0;
  	outline:          0;
  }
  .sidebar-toggle button .svg-icon {
    font-size:        1.5em !important;
    color:            dimgray;
    background-color: #ffdf00;
  	border:           0;
    padding:          0;
  }
  .sidebar-toggle h6 {
    color:            dimgray;
    background-color: #ffdf00;
  }
  
  .sidebarbox {
    border:           1px solid #ffdf00;
  }

  .sidebarbox h6 {
    color:            dimgray;
    background-color: #ffdf00;
  }
  
  /**
   * Contact Form
   **/
  
  #contactform textarea,
  #contactform input[type=text] {
    width:            100%;
  }

  /**
   * Event Subscription
   **/

  #event_subscription_display {
    display:          block;
    width:            100% !important;
	overflow-x:       auto;
    overflow-y:       hidden;
    box-sizing:       border-box;
    word-wrap:        break-word;
  }
  #event_subscription_form input[type=text] {
    width:            100%;
  }

  /**
   * Forum
   **/

  table#messages .post_content,
  table#threads .thread_name,
  table#fora .forum_name,
  table#fora .forum_recent,
  ul#forum_navigation,
  .sfSimpleForum h1 {
    overflow-wrap:    break-word;
    word-wrap:        break-word;
    word-break:       break-word;
    -ms-hyphens:      auto;
    -moz-hyphens:     auto;
    -webkit-hyphens:  auto;
    hyphens:          auto;
  }

  /**
   * Media Library
   **/

  #sf_asset_assets > table > colgroup > col:nth-child(2),
  #sf_asset_assets > table > thead > tr > th:nth-child(2),
  #sf_asset_assets > table > tbody > tr > td:nth-child(2) {
    width:            90%;
  }
  #sf_asset_assets > table > colgroup > col:nth-child(3),
  #sf_asset_assets > table > colgroup > col:nth-child(4),
  #sf_asset_assets > table > thead > tr > th:nth-child(3),
  #sf_asset_assets > table > thead > tr > th:nth-child(4),
  #sf_asset_assets > table > tbody > tr > td:nth-child(3),
  #sf_asset_assets > table > tbody > tr > td:nth-child(4) {
    width:            0;
    display:          none;
  }
  #sf_asset_assets > table > colgroup > col:nth-child(5),
  #sf_asset_assets > table > thead > tr > th:nth-child(5),
  #sf_asset_assets > table > tbody > tr > td:nth-child(5) {
    width:            5%;
    vertical-align:   top;
  }
  #sf_asset_content .t5AssetImage > td:first-child,
  #sf_asset_content .t5Thumbnails {
    min-width:        24px;
    vertical-align:   top;
    text-align:       center;
  }
  #sf_asset_content .t5Thumbnails img {
    height:           auto;
    width:            auto;
    max-width:        24px;
    max-height:       24px;
    object-fit:       fill;
    object-position:  center;
  }
  #sf_asset_assets > table > tbody > tr > td.t5AssetComment {
    padding:          0;
  }
  #sf_asset_assets > table > tbody > tr > td.t5AssetComment > a,
  #sf_asset_assets > table > tbody > tr > td.t5AssetComment > div > a {
    /* make entire column clickable */
    display:          block;
    width:            calc(100% - 1em);
    padding:          0.5em;
  }
  #sf_asset_assets table > tbody > tr:hover > td {
    background-color: #eee;
  }
  #sf_asset_content .t5AssetComment,
  #sf_asset_container h1 {
    overflow-wrap:    break-word;
    word-wrap:        break-word;
    word-break:       break-word;
    -ms-hyphens:      auto;
    -moz-hyphens:     auto;
    -webkit-hyphens:  auto;
    hyphens:          auto;
  }
  #sf_asset_content .t5AssetComment,
  #sf_asset_content .fileinfobox {
    font-size:        105%;
  }

  .assetcontrols-toggle {
	display:          block;
  	padding:          0;
  	height:           1.8em;
    font-weight:      bold;
    font-size:        100%;
    color:            black;
    background-color: white;
  }
  .assetcontrols-toggle button {
	vertical-align:   middle;
  	border:           0;
  	outline:          0;
  }
  .assetcontrols-toggle button .svg-icon {
	font-size:        1.8em !important;
    color:            green;
    background-color: white;
  	border:           0;
  }
  #sf_asset_assets > table > thead > tr > th:nth-child(5),
  #sf_asset_assets > table > tbody > tr > td:nth-child(5) {
    padding:          0.2em;
  }
  #sf_asset_controls,
  #sf_asset_controls form {
	width:            100%;
  }
  #sf_asset_controls input[type=text],
  #sf_asset_controls input[type=file] {
    width:            calc(100% - 0.5em);
    font-size:        90%;
  }
  #sf_asset_container .form-row,
  #sf_asset_container fieldset {
    border:           none;
    padding:          0;
    margin-bottom:    0.5em;
  }
  #sf_asset_container .sf_asset_actions input[type=submit] {
    width:            8em;
    padding:          0.3em 0.3em 0.3em 1.6em;
    font-size:        100%;
    background-position: 0.3em center;
    background-color: #eee;
  }

  #sf_asset_upload_form,
  #sf_asset_mkdir_form,
  #sf_asset_controls .c50l,
  #sf_asset_controls .c50r {
    width:            100%;
	min-width:        15em;
    float:            none !important;
    clear:            both;
    margin:           0;
  }
  #sf_asset_controls .subcl,
  #sf_asset_controls .subcr {
    margin-top:       0.5em;
    padding:          0.5em;
    border:           2px solid #888;
  }

  form[name=sf_asset_rename_form] {
    padding:          0.5em;
  }
  #sf_asset_container input {
    font-size:        80%;
  }
  #sf_asset_container input[name=new_name] {
    width:            100%;
    margin-bottom:    0.5em;
  }

  .filemenu-toggle {
	display:          block;
  	padding:          0;
  	height:           1.8em;
    font-weight:      bold;
    font-size:        100%;
    color:            black;
  }
  .filemenu-toggle button {
	vertical-align:   middle;
  	border:           0;
  	outline:          0;
  	padding:          0.2em;
  	background-color: transparent;
  }
  .filemenu-toggle button .svg-icon {
	font-size:        1.5em !important;
    color:            black;
  	border:           0;
    padding:          0.2em;
  }
  .filemenu-infobox {
    font-size:        80%;
    padding:          0.5em;
    background-color: none;
  }
  .filemenu-infobox table {
    width:            100%;
    border:           0.4em solid #ffc;
  }
  .filemenu-infobox table th {
    max-width:        50%;
    padding:          0.5em 0.2em 0.5em 0.2em;
    border-bottom:    1px solid #eee;
    background-color: #ffc;
    vertical-align:   middle;
  }
  .filemenu-infobox table td {
    min-width:        50%;
    padding:          0.5em 0.2em 0.5em 0.2em !important;
    background-color: #ffc !important;
    vertical-align:   middle;
  }
  .filemenu-infobox table td > a:first-child {
    max-width:        70%;
    float:            left;
  }
  .filemenu-nonresponsive {
    display:          none;
  }

  /**
   * Member List
   **/

  .profilebox {
    width:            100%;
    margin-top:       2em;
  }
  .profilebox table {
    min-width:        20em;
  }
  .profilebox table tr td:nth-child(2) {
    width:            100%;
    overflow-wrap:    break-word;
    word-wrap:        break-word;
    word-break:       break-word;
    -ms-hyphens:      auto;
    -moz-hyphens:     auto;
    -webkit-hyphens:  auto;
    hyphens:          auto;
  }
  .profilebox p.icaption_left {
    float:            left;
    display:          inline;
    margin:           0 1em 0.15em 0;
    min-width:        140px;
  }
  .profilebox p.icaption_left img {
    padding:          0;
    border:           1px #888 solid;
    float:            none;
  }

  /**
   * Sitemap
   **/

  .sitemap_content {
    margin-top:       2em;
    margin-bottom:    2em;
    border-top:       5px solid #00a;
    font-size:        120%;
    background-color: #ddd;
  }
  .sitemap_content .vlist {
    margin-bottom:    0;
  }
  
  /* Level 1 */
  .sitemap_content .vlist li a,
  .sitemap_content .vlist li strong,
  .sitemap_content .vlist li span { width: 95%; padding-left: 5%; } /* LTR */

  .sitemap_content .vlist li a:focus,
  .sitemap_content .vlist li a:hover,
  .sitemap_content .vlist li a:active { background-color:#a88; color: #fff; }

  /* Level 2 */
  .sitemap_content .vlist li ul li a,
  .sitemap_content .vlist li ul li strong,
  .sitemap_content .vlist li ul li span { width: 90%; padding-left: 10%; } /* LTR */

  .sitemap_content .vlist li ul li a, 
  .sitemap_content .vlist li ul li a:visited { background-color: none; color: none; }
  .sitemap_content .vlist li ul li a:focus,
  .sitemap_content .vlist li ul li a:hover,
  .sitemap_content .vlist li ul li a:active { background-color:#a88; color: #fff; }

  /* Level 3 */
  .sitemap_content .vlist li ul li ul li a,
  .sitemap_content .vlist li ul li ul li strong,
  .sitemap_content .vlist li ul li ul li span { width: 85%; padding-left: 15%; } /* LTR */

  .sitemap_content .vlist li ul li ul li a,
  .sitemap_content .vlist li ul li ul li a:visited{ background-color: none; color: none; }
  .sitemap_content .vlist li ul li ul li a:focus,
  .sitemap_content .vlist li ul li ul li a:hover,
  .sitemap_content .vlist li ul li ul li a:active { background-color:#a88; color: #fff; }

  /* Level 4 */
  .sitemap_content .vlist li ul li ul li ul li a,
  .sitemap_content .vlist li ul li ul li ul li strong,
  .sitemap_content .vlist li ul li ul li ul li span { width: 80%; padding-left: 20%; } /* LTR */

  .sitemap_content .vlist li ul li ul li ul li a,
  .sitemap_content .vlist li ul li ul li ul li a:visited { background-color:none; color: none; }
  .sitemap_content .vlist li ul li ul li ul li a:focus,
  .sitemap_content .vlist li ul li ul li ul li a:hover,
  .sitemap_content .vlist li ul li ul li ul li a:active { background-color:#a88; color: #fff; } 
}