
.videoWrapper {
	position: relative;
	padding-bottom: 56.206%; /* 56.25% - 16:9 */
	padding-top: 0px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

a {
    color: #2A8EA3;
    }

.hidden {
    display: none;
    }

/* profile image */

div.userpic {
    display: block;
    position: absolute;
    left: 0px;
    top: 5px;
    width: 52px;
    height: 52px;
    overflow: hidden;
    }

div.userpic img {
    width: 100%;
    }

/* icons */

.icon {
    width: 20px;
    vertical-align: bottom;
    }

.aspect-ratio {
 position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 51%;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}


/* content area */

#content {}

	#content table {
		width: 100%;
		table-layout:fixed;
	}

	#content td {
	    vertical-align: top;
	}

	#content td.descr
	{
	    padding-bottom: 25px;
	}

	#content td.icon {
	    width: 12%;
	    padding-right: 5px;
	}

	#content td.person {
	    width: 30%;
	    padding-right: 5px;
	}




	#content h5,
	#content h2 {

		display: block;
		position: relative;
		font-size: 28px;
		line-height: 32px;
		padding: 10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: 300;
		color: #999999;
		clear: both;

	}
    	#content h5 a,
        #content h2 a {
		color: #2A8EA3;
	        text-decoration: none;
		}

        #content h5.with-background,
	#content h2.with-background {
			display: block;
			position: relative;
			margin: 10px 0px;
			padding: 0px;
			height: 270px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			border: 1px solid #666;
			border-bottom-width: 10px;

		}

		    #content h5.with-background span,
		    #content h2.with-background span {
				display: block;
				position: absolute;
				left: 0px;
				bottom: 20px;
				margin: 0px;
				padding: 8px 20px 0px;
				background-color: #cf4118;
				min-height: 44px;
				line-height: 44px;
				font-size: 28px;
				font-weight: bold;
				color: #fff;
				border-bottom: 10px solid #802a06;
			}

	#content h3 {
		display: block;
		position: relative;
		font-size: 24px;
		line-height: 26px;
		padding: 10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: 300;
		color: #999999;
		clear: both;
		}

		#content h3 a {
			color: #2A8EA3;
            		text-decoration: none;
			}

		#content h3.with-background {
			display: block;
			position: relative;
			margin: 10px 0px;
			padding: 0px;
			height: 270px;
			font-size: 20px;
			line-height: 30px;
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 100% auto;
			}
	
			#content h3.with-background span {
				display: block;
				position: absolute;
				left: 0px;
				bottom: 0px;
				right: 0px;
				background-color: rgba(0,0,0,0.3);
				color: #fff;
				padding: 10px 45% 10px 15px;
				font-weight: 200;
			}

	#content h4 {
		display: block;
		position: relative;
		font-size: 20px;
		line-height: 24px;
		padding:  10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: normal;
		color: #333;
	}

	#content h1 {
		display: block;
		position: relative;
		font-size: 18px;
		line-height: 22px;
		padding: 10px 0px 5px 0px;
		font-family: "OCR A Tribute";
		font-weight: normal;
		color: #333;
	}



	#content h6 {
		display: block;
		position: relative;
		font-size: 14px;
		line-height: 20px;
		padding: 10px 0px 5px 0px;
		font-weight: bold;
		color: #666;
	}

    #content h2:first-child,
    #content h3:first-child,
    #content h4:first-child,
    #content h1:first-child,
    #content h6:first-child {
        padding-top: 5px;
	}

	#content p {
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px 0px 10px;
		color: #666;
		font-size: 14px;
		line-height: 20px;
		font-weight: 400;
		}

		#content strong {
			font-weight: 600;
			color: #000;
			}

        #content em {
            font-weight: 500;
            color: #000;
	    }

	#content a {
	    color: #2A8EA3;
	    text-decoration: none;
  	    }

 		#content a:hover {
			text-decoration: underline;
			}

		#content p.lead {
			color: #666;
			font-size: 16px;
			line-height: 26px;
			padding: 0px 0px 20px;
			font-weight: 300;
			}

    #content ul {
        margin-top: 0.5em;
    }

        #content ul li {
            display: list-item;
            position: relative;
            margin: 0px;
            padding: 0px 0px 5px;
            color: #666;
            font-size: 14px;
            line-height: 20px;
            margin-left: 25px;
        }

            #content li a {
                color: #2A8EA3;
                text-decoration: none;
            }

            #content li a:hover {
                text-decoration: underline;
            }

    #content ol {
        margin-left: 20px;
	}

        #content ol li {
            margin-bottom: 5px;
	    color: #666;
	    }

    #content dt {
        display: block;
        position: relative;
        margin: 1em 0 0 0;
        padding: 0px 0px 5px;
        color: #333;
        font-size: 14px;
        font-weight: bold;
        line-height: 20px;

    }

    #content dd {
        display: block;
        position: relative;
        margin: 0px;
        padding: 0px 0px 5px;
        color: #666;
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
    	}

	/* leading text */

	#content .lead {
		display: block;
		position: relative;
		margin: 0px;
		padding: 0px 0px;
		}

		#content .lead ol{
			display: block;
			position: relative;
			/* float: left; */
			max-width: 520px;
			font-size: 20px;
			line-height: 31px;
			font-family: "OCR A Tribute";
			font-weight: 300;
			color: #666;
			}

		#content .lead img {
			display: block;
			position: relative;
			float: right;
			}

	/* images */

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

	#content .image {
		display: block;
		position: relative;
		border: 1px solid #666;
		border-bottom-width: 10px;
		}

		#content .image img {
			display: block;
			max-width: 100%;
		}

		#content .image p {
			display: block;
			position: absolute;
			bottom: 10px;
			background-color: #2A8EA3;
			margin: 0px;
			padding: 5px;
			color: #fff;
			border-bottom: 6px solid #155C6B;
			}

		img.preview {
			float: left;
			width: 200px;
			}

		img.preview2 {
			float: left;
			width: 120px;
			margin-right: 5px;
			}


		img.screenshot {
			margin-top: 15px;
			margin-bottom: 10px;
			border: 1px solid #666;
			}


	/* form elements */

    #content .cols-1 form {
        width: 60%;
   	 }

	#content textarea {
		display: block;
		border: 0px;
		font-size: 14px;
		width: 96%;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #666;
		margin: 5px 0px;
		}

	#content select
	{
		display: block;
		border: 0px;
		font-size: 14px;
		width: 100%;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #666;
		margin: 5px 0px;
		}


	#content input[type=file] {
		display: block;
		border: 0px;
		font-size: 14px;
		width: 100%;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #666;
		margin: 5px 0px;
		font-family: Arial;
	}

	#content input[type=text], #content input[type=password] {
		display: block;
		border: 0px;
		font-size: 14px;
		width: 96%;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #666;
		margin: 5px 0px;

	}

    #content label {
        font-size: 14px;
        font-weight: bold;
        display: block;
        margin: 1.5em 0 0.5em 0;
	}

    #content label.inline {
        font-size: 14px;
        font-weight: bold;
	width: 150px;
        display: inline-block;
        margin: 1.5em 0 0.5em 0;
	}


    #content label:first-of-type {
        margin-top: 0.5em;
	}

	#content label.checkbox,
	#content label.radio {
		display: inline-block;
		border: 0px;
		font-size: 14px;
		padding: 0.6em;
		background-color: #f0f0f0;
		border-bottom: 6px solid #666;
		margin: 5px 0px 5px;
	}

    input[type="checkbox"] {
	 }

    #content input[type="checkbox"] + label {
        display: inline;
        font-weight: normal;
	}

	#content input[type=submit],
	#content input[type=button],
	#content input[type=reset],
	#content button,
   	#content a.button
 	{
		border: 0px;
		font-size: 14px;
		/* padding: 3% 5% 1.5% 5%;*/
        	padding: 0.5em 0.7em 0.2em 0.7em;
		background-color: #2A8EA3;
		color: #fff;
		font-family: "OCR A Tribute";
        	font-weight: bold;
		border-bottom: 6px solid #155C6B;
		margin: 5px 0px;
		cursor: pointer;

	}

    #content .errors,
    #content ul.errorlist li {
        color: #2A8EA3;
    	}

    #content .help {
        color: #666;
    	}

    #content .discreet {
        color: #ccc;
    	}

	/* comment */

	#content .comment {
		display: block;
		position: relative;
		margin: 0px;
		padding: 5px 0px 20px 60px;
		}

    #content .comment.nopic {
		display: block;
		position: relative;
		margin: 0px;
		padding: 10px 10px 10px 10px;
		}

		#content .comment h4 {
			display: block;
			position: relative;
			font-size: 14px;
			line-height: 16px;
			margin: 0px;
			padding: 0px;
			}

			#content .comment h4 a {
				text-decoration: none;
				color: #000;
				font-weight: bold;
			}

			#content .comment h4 small {
				color: #666;
			}

				#content .comment h4 small::before {
					content: "";
					}

		#content .comment p {

			display: block;
			position: relative;
			font-size: 14px;
			line-height: 18px;
			margin: 0px;
			padding: 5px 0px 0px;

		}

        #content .comment .source {
            font-size: 12px;
            margin-top: 5px;
	    }

	/* columns */

	#content .cols {
		display: block;
		position: relative;
		clear: both;
		margin: 0px;
		padding: 0px;
		}

		#content .col {
			display: block;
			position: relative;
			margin: 0px;
			float: left;
			}

        #content .cols.cols-1 {
			margin: 0px -20px;
			width: 760px;
			}

			#content .cols.cols-1 .col {
				margin: 0px 20px 10px 20px;
				width: 700px;
				}
	
		#content .cols.cols-2 {
			margin: 0px -20px;
			width: 760px;
			}

			#content .cols.cols-2 .col {

				margin: 0px 20px 10px 20px;
				width: 340px;

			}

		#content .cols.cols-3 {

			margin: 0px 0px 0px -15px;
			width: 760px;

		}

			#content .cols.cols-3 .col {

				margin: 0px 0px 10px 15px;
				width: 230px;

			}

		#content .cols.cols-4 {

			margin: 0px -10px;
			width: 760px;
			float: left;

		}

			#content .cols.cols-4 .col {

				margin: 0px 10px 10px 10px;
				width: 165px;

			}

		#content .cols.cols-5 {

			margin: 0px -5px;
			width: 760px;

		}

			#content .cols.cols-5 .col {

				margin: 0px 5px 10px 5px;
				width: 136px;

			}

	/* gallery */

	#content > .gallery-item {

		display: block;
		position: relative;
		margin: 0px 0px 10px 0px;
		padding: 0px;
		height: 270px;
		border: 1px solid #666;
		border-bottom-width: 10px;
		overflow: hidden;

	}

		#content > .gallery-item img {

			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			width: 100%;
			z-index: 10;

		}

		#content > .gallery-item h4 {

			display: block;
			position: absolute;
			left: 0px;
			bottom: 20px;
			margin: 0px;
			padding: 8px 20px 0px;
			background-color: #cf4118;
			height: 44px;
			overflow: hidden;
			line-height: 44px;
			font-size: 28px;
			font-weight: bold;
			color: #fff;
			border-bottom: 10px solid #802a06;
			z-index: 20;

		}

			#content > .gallery-item h4 a {

				color: #fff;
				text-decoration: none;

			}

		#content > .gallery-item  .gallery-item-meta {

			display: block;
			position: absolute;
			left: 0px;
			bottom: 82px;
			z-index: 30;
			height: 24px;
			line-height: 24px;
			padding: 0px 20px;
			color: #666;

		}

			#content > .gallery-item .gallery-item-meta p {

				display: block;
				float: left;
				margin: 0px;
				padding: 0px;
				color: #666;
				height: 24px;
				line-height: 24px;
				font-size: 12px;

			}

				#content > .gallery-item .gallery-item-meta p.views {

					padding: 0px 10px 0px 24px;
					background: url(/static/img/icon/icon-views-dark.png) left center no-repeat;

				}

				#content > .gallery-item .gallery-item-meta p.likes {

					padding: 0px 10px 0px 20px;
					background: url(/static/img/icon/icon-likes-dark.png) left center no-repeat;

				}

				#content > .gallery-item  .gallery-item-meta p.author a {

					color: #666;
					font-weight: bold;
					padding-right: 10px;

				}

				#content > .gallery-item  .gallery-item-meta p span {

					display: none;

				}

	/* column gallery */

	#content .cols .gallery-item {

		display: block;
		position: relative;
		margin: 10px 0px;
		height: 250px;
		overflow: hidden;

	}

		#content .cols .gallery-item h4 {

			display: block;
			position: absolute;
			left: 0px;
			right: 0px;
			bottom: 24px;
			margin: 0px;
			z-index: 20;
			background-color: #d04117;
			color: #fff;
			font-weight: normal;
			font-size: 15px;
			padding: 10px;
			line-height: 18px;

		}

			#content .cols .gallery-item h4 a {

				color: #fff;
				text-decoration: none;

			}


		#content .cols .gallery-item img {

			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			right: 0px;
			width: 100%;
			z-index: 10;

		}

		#content .cols .gallery-item  .gallery-item-meta {

			display: block;
			position: absolute;
			left: 0px;
			bottom: 0px;
			right: 0px;
			z-index: 30;
			height: 24px;
			line-height: 24px;
			padding: 0px 10px;
			background-color: #802a05;
			color: #fff;

		}

			#content .cols .gallery-item .gallery-item-meta p {

				display: block;
				float: left;
				margin: 0px;
				padding: 0px;
				color: #fff;
				height: 24px;
				line-height: 24px;
				font-size: 12px;

			}

				#content .cols .gallery-item .gallery-item-meta p.views {

					float: right;
					padding: 0px 10px 0px 24px;
					background: url(/static/img/icon/icon-views.png) left center no-repeat;

				}

				#content .cols .gallery-item .gallery-item-meta p.likes {

					float: right;
					padding: 0px 0px 0px 20px;
					background: url(/static/img/icon/icon-likes.png) left center no-repeat;

				}

				#content .cols .gallery-item  .gallery-item-meta p.author a {

					color: #fff;
					font-weight: bold;

				}

				#content .cols .gallery-item  .gallery-item-meta p span {

					display: none;

				}

    /* project detail gallery */

    #content .thumb-gallery li {

        display: block;
        position: relative;
        margin: 0px;
        padding: 0px;
        float: right;

    }

        #content .thumb-gallery li a {

            display: block;
            position: relative;
            margin: 0px 0px 0px 3px;
            padding: 0px;

        }

	/* video element */

	#content video {

		max-width: 100%;
		height: auto;
		border-bottom: 15px solid #666;
		margin: 10px 0px 5px !important;
		padding: 0px !important;

	}

    /* comments */

    #content .comment.odd {

        background-color: #f9f9f9;

    }

    /* pagination */

    #content .pagination {

        clear: both;
        display: block;
        margin: 0 0.7em;

    }

        #content .pagination li {

            display: block;
            position: relative;
            float: left;
            margin: 0;
            padding: 5px;

        }

         #content .pagination li.active {

            font-weight: bold;
            background-color: #2A8EA3;

         }

             #content .pagination li.active a {

                 color: #fff;
                 text-decoration: none;

             }


         #content .pagination li.first {



         }

         #content .pagination li.last {



         }


    /* downloads */

    #content .downloads {

    }

        #content .downloads li {

            list-style-type: none;
            line-height: 40px;

        }

            #content .downloads li a {

                font-family: "OCR A Tribute";
                font-size: 22px;
                font-weight: 300;

            }
                                                         

/* sidebar */

#sidebar {}

	#sidebar .teasers {

		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;

	}

		#sidebar .teasers h3 {

			display: block;
			position: relative;
			font-size: 18px;
			line-height: 20px;
			padding: 5px 0px;
			font-family: "OCR A Tribute";
			font-weight: normal;
			color: #333;

		}

		#sidebar .teasers ul {

			list-style: none;

		}

			#sidebar .teasers ul li {

				margin: 0px 0px 10px;

			}

				#sidebar .teasers ul li a {

					display: block;
					color: #2A8EA3;
					text-decoration: none;

				}

    		    #sidebar .teasers ul li a:hover {

					text-decoration: underline;

				}

				#sidebar .teasers ul li small {

					display: block;
					position: relative;
					color: #666;
					font-size: .8em;
					line-height: 1.2em;

				}

#sidebar .highlight a {
	color: #ffffff;
	text-decoration: none;
}

		#sidebar .teasers a {

			display: block;
			position: relative;
			color: #2A8EA3;
			text-decoration: none;
			font-size: .8em;
			line-height: 1.2em;
		}

		#sidebar .teasers h5 {

			display: block;
			position: relative;
			color: #666;
			text-decoration: none;
			font-weight: bold;
			font-size: .8em;
			line-height: 1.2em;

		}

		#sidebar .teasers h2 {

			display: block;
			position: relative;
			color: #666;
			text-decoration: none;
			font-size: .8em;
			line-height: 1.2em;

		}

	#sidebar .list {

		margin-bottom: 20px;
		padding-bottom: 40px;
		border-bottom: 1px solid #ccc;

	}

		#sidebar .list h3 {

			display: block;
			position: relative;
			font-size: 18px;
			line-height: 20px;
			padding: 5px 0px;
			font-family: "OCR A Tribute";
			font-weight: normal;
			color: #333;

		}

		#sidebar .list ul {

			list-style: none;

		}


			#sidebar .list ul li {

				margin: 0px 0px 10px;

			}

				#sidebar .list ul li a {

					display: block;
					color: #2A8EA3;
					text-decoration: none;

				}

				#sidebar .list ul li a.active,
				#sidebar .list ul li.active a {

					font-weight: bold;

				}


	#sidebar .edit {

		display: block;
		position: relative;
		background-color: #f0f0f0;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .edit h3 {

			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #3699B0;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #155C6B;

		}

            #sidebar .edit h3 a {

                color: #fff;
                text-decoration: none;

            }

            #sidebar .edit h3 input[type=submit],
            #sidebar .edit h3 input[type=button],
            #sidebar .edit h3 input[type=reset] {

                border: 0px;
                font-size: 14px;
                background-color: transparent;
                color: #fff;
                font-family: "OCR A Tribute";
                font-weight: bold;
                padding: 0;
                margin: 0;
                cursor: pointer;
                text-transform: uppercase;

            }

    #sidebar .fab {

		display: block;
		position: relative;
		background-color: #f0f0f0;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .fab h3 {

			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #645856;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #362f2d;

		}

            #sidebar .fab h3 a {

                color: #fff;
                text-decoration: none;

            }

            #sidebar .fab h3 input[type=submit],
            #sidebar .fab h3 input[type=button],
            #sidebar .fab h3 input[type=reset] {

                border: 0px;
                font-size: 14px;
                background-color: transparent;
                color: #fff;
                font-family: "OCR A Tribute";
                font-weight: bold;
                padding: 0;
                margin: 0;
                cursor: pointer;
                text-transform: uppercase;

            }

	#sidebar .meta {

		display: block;
		position: relative;
		background-color: #f0f0f0;
		margin: 0px 0px 5px;
		padding: 0px;

	}

		#sidebar .meta h3 {

			display: block;
			position: relative;
			margin-left: 60px;
			height: 52px;
			line-height: 52px;
			color: #444;
			margin-bottom: 10px;

		}

			#sidebar .meta h3 a {

				text-decoration: none;
				font-weight: bold;
				color: #444;

			}

		#sidebar .meta p {

			display: block;
			position: relative;
			padding: 5px 10px;
			color: #444;

		}

			#sidebar .meta p a {

				text-decoration: none;
				font-weight: bold;
				color: #444;

			}

		#sidebar .meta > a > img {

			display: block;
			position: absolute;
			left: 0px;
			top: 0px;
			width: 52px;
			height: 52px;

		}

		#sidebar .meta .license {}

			#sidebar .meta .license img {

				margin: 0px;
				padding: 0px;

			}


		#sidebar .meta .counts {

			display: block;
			position: relative;
			padding: 5px 10px;
			color: #444;

		}

		#sidebar .meta .counts p.views {

			display: inline-block;
			color: #444;
			padding: 0px 10px 0px 24px;
			background: url(/static/img/icon/icon-views-dark.png) left center no-repeat;

		}

		#sidebar .meta .counts p.likes {

			display: inline-block;
			color: #444;
			padding: 0px 0px 0px 20px;
			background: url(/static/img/icon/icon-likes-dark.png) left center no-repeat;

		}

			#sidebar .meta .counts p span {

				display: none;

			}

	#content a.highlight:link {
	    color: #ffffff;
	}

	#content a.highlight:visited {
	    color: #ffffff;
	}

	#content a.highlight:hover {
	    color: #ffffff;
	}

	strong.highlight {
		position: relative;
		line-height: 40px;
		padding: 8px 12px 4px;
		background-color: #3699B0;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 4px solid #155C6B;
		}


	#sidebar .highlight {
		display: block;
		position: relative;
		margin: 0px 0px 5px;
		padding: 0px;
		}

		#sidebar .highlight h3 {

			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #3699B0;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #155C6B;

		}

		#sidebar .highlight ul {

			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;
			list-style: none;

		}

			#sidebar .highlight ul li {

				height: 24px;
				line-height: 24px;
				background-color: #f0f0f0;
				color: #b80204;
				font-size: 13px;
				padding: 4px 12px;
                overflow: hidden;

			}

				#sidebar .highlight ul li:nth-child(even) {

					background-color: #f7f7f7;

				}

				#sidebar .highlight ul li a {

					text-decoration: none;
					color: #b80204;

				}

	#sidebar .links {
		display: block;
		position: relative;
		margin: 0px 0px 5px;
		padding: 0px;
		}

		#sidebar .links h3 {
			display: block;
			position: relative;
			height: 20px;
			line-height: 20px;
			padding: 8px 12px 4px;
			background-color: #666;
			color: #fff;
			font-size: 14px;
			font-weight: bold;
			text-transform: uppercase;
			border-bottom: 4px solid #666;
			}

		#sidebar .links ul {
			display: block;
			position: relative;
			margin: 0px;
			padding: 0px;
			list-style: none;
		}

			#sidebar .links ul li {
				height: 24px;
				line-height: 24px;
				background-color: #f0f0f0;
				color: #666;
				font-size: 13px;
				padding: 4px 12px;
		                overflow: hidden;
			}

			#sidebar .links ul li:nth-child(even) {
				background-color: #f7f7f7;
				}

			#sidebar .links ul li a {
				text-decoration: none;
				color: #666;
			}

			#sidebar .links ul li strong {
				font-weight: bold;
			}


/* responsive columns */

@media (max-width: 767px) {


        #content .cols.cols-1 {
			margin: 0px -20px;
			width: 100%;
		}

	#content .cols.cols-1 .col {
			margin: 0px 20px 10px 20px;
			width: 100%;
		}

	#content .cols.cols-2 {
			margin: 0px -20px;
			width: 100%;
		}

	#content .cols.cols-2 .col {
			margin: 0px 20px 10px 20px;
			width: 100%;

		}

	#content .cols.cols-3 {
			margin: 0px 0px 0px -15px;
			width: 100%;
        	}

	#content .cols.cols-3 .col {
			margin: 0px 0px 10px 15px;
			width: 100%;
			}

	#content .cols.cols-4 {
			margin: 0px -10px;
			width: 100%;
			float: left;
		}

	#content .cols.cols-4 .col {
			margin: 0px 10px 10px 10px;
			width: 100%;
		}

	#content .cols.cols-5 {
			margin: 0px -5px;
			width: 100%;
        	}

	#content .cols.cols-5 .col {
			margin: 0px 5px 10px 5px;
			width: 100%;
		}

}

#bulk table {
    border-collapse: collapse;
    width: 100%;
}

#bulk th, td {
    text-align: left;
    vertical-align: middle !important;
    padding: 8px;
}

#bulk tr:nth-child(even) {background-color: #f2f2f2;}

.covidalert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #761b18;
  background-color: #f9d6d5;
  border-color: #f7c6c5;
  text-align: center !important;
}

