/* --------------------------------------  
   Combating Wildlife Trafficking Custom Styles 
----------------------------------------- */


body {
    background: url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/none") repeat fixed center top #DBDCCB;
   font-family: "myriad-pro",helvetica,arial,sans-serif;
   text-rendering: optimizeLegibility !important;

}

#portal-header .form-search {
    margin-top: 0px!important;
}

#content a:hover {
  color:#ff6a31!important;
}

#content ul {
    font-size: 16px !important;
}

#sharebar {
    display: none;
}


h1, h2, h3, h4 {
    color: #4e8d34;
    font-family: "myriad-pro";
    font-weight: 400;
    letter-spacing: -0.0125em;
    line-height: 1.25em;
}


h1, .documentFirstHeading {
    font-family: "myriad-pro",helvetica,arial,sans-serif;
    font-size: 30pt;
    letter-spacing: -0.025em;
    margin-top: 10px !important;
}

h2 {
    font-size: 23pt;
}

h3 {
    font-size: 18pt;
}

h4 {
    color: #666;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}



/* --- Footer style --- */

#portal-footer {
    background: none repeat scroll 0 0 #00689D;
    color: #fff;
    margin: 0 -30px;
    padding: 0em 3em 1em;
    border-top: none;
}

.rule2 {
    display: none;
}

#portal-footer h2 {
    font-size: 2.4em;
    font-weight: 100;
    font-family: "myriad-pro";
    color: #fff!important;
}
li.twitter a {
    text-indent: -9999px;
    background: url(fab-images/twitter.png) no-repeat;
    background-size: 40px;
    height: 50px;
    float: left;
    width: 50px;
}

li.flickr a {
    text-indent: -9999px;
    background: url(fab-images/flickr.png) no-repeat;
    background-size: 40px;
    height: 50px;
    float: left;
    width: 100px;
}


@media only screen and (max-width: 768px) {
#portal-footer h2 {
    font-size: 2em;

}
}


#portal-footer li a {
    color: #fff;
}

#portal-colophon li {
    letter-spacing: 0.05em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
}

table.listing td, .stx table td {
    font-weight: normal;
    line-height: 140% !important;
    padding: 0.5em;
}

.table-question {
    color: #205c90;
    font-size: 110%;
    line-height: 130%;
    padding: 5px 10px;
}


.search-box {
    background: #FD9D59 url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/fab-images/search-icon-white.png") no-repeat scroll 10px center / 50px auto;
    border-radius: 5px;
    font-size: 20px;
    margin: 1em 0;
    padding: 1.25em;
    text-indent: 40px;
}

.search-box:hover {
    background: #E17A24 url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/fab-images/search-icon-white.png") no-repeat scroll 10px center / 50px auto;
}

.search-box > a {
    color: #fff;
}

#content .search-box > a {
    border-bottom: medium none !important;
    color: #fff !important;
}

#content .search-box > a:hover {
 color: #fff;
}

dt.portletHeader {
    background: #6C6C64 none repeat scroll 0 0 !important;
}

/* ---------------
  Tile News Items 
  ---------------- */



.tileItem {
    border-bottom: medium none #fff !important;
    border-top: 2px dotted #bec1c3;
    margin-bottom: 0;
    padding-top: 1em;
}

.tileImage {
    display: block;
    float: left;
    margin-bottom: 1em;
    padding: 10px;
}


.tileImage img, img.tileImage {
    background: #eee none repeat scroll 0 0;
    border: 4px solid #fff;
    box-shadow: 0 2px 8px #999;
    float: left;
    margin: 0.5em 2em 0.5em 0;
    padding: 2px;
    width: 130px;
}

.tileItem .documentByLine {
    display: none !important;
}


.tileBody .description {
    font-size: 13pt;
    line-height: 135%;
}

/* --------------
  Header and logo 
  --------------- */

#portal-logo {
    display: inline-block;
    margin: 15px 0;
}



.LSBox {
    display: none;
    margin-top: -25px;
}


#portal-header {
    background-image: url("../../../../frame-images/usaid-logo-frame.png") !important;
    background-position: right 62px;
    background-repeat: no-repeat;
}

#portal-header #usaid-logo img {
    height: 70px;
    position: absolute;
    right: 0;
    top: 60px;
    width: 220px;
}

.top-header-inner > #bio-logo {
   display:block!important;
}

.top-header {
    background: #48565A none repeat scroll 0 0;

}

.top-header-inner #bio-logo img {
    background-image: url("conservation-ent/bio-logo-sm.png");
    float: left;
    height: 15px;
    left: 20px;
    position: relative;
    top: 15px;
    width: 340px;
}

/* ---------
  Navigation
  ---------- */

.navbar .nav > li > a {
    padding: 12px 16px;
   -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;

}

.navbar .container {
    background-color: #4E8D34 !important;
    
}

.navbar .nav > li > a:hover {
    background: #35742F;
    color: #FFFFFF;
}

#portaltab-home > a:hover {
    background: url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/menu_home.png") no-repeat scroll center center #7FC147;
    height: 40px;
    padding: 2px 11px;
    text-indent: -999em;
    width: 30px;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    background-color: #8AB257;

}

/* ---------------
  Other formatting
  ---------------- */

#news {
    margin: 2em 0;
}


.span6.flush, .span3.flush {
    margin: 0;
    padding: 0 !important;
}

.fullwidth {
    margin: 30px -31px 30px -15px;
}

.gold {
   background: #ffe4b3 none repeat scroll 0 0;
   padding: 15px 30px 5px;
}


.gold > h4 {
    margin-bottom: 0;
    padding: 10px;
}


.gold > p {
    font-size: 18px !important;
    padding: 0 10px 10px;
}

.gold > ul {
    font-size: 18px !important;
    margin-left: 50px !important;
    margin-right: 30px;
    margin-top: -15px !important;
    padding-bottom: 15px;
}

.grey-box {
    background: #cdcdcd none repeat scroll 0 0;
    margin-bottom: 1em;
    padding: 20px;
    text-align: center;
}

.box {
    border: 2px solid #666;
    margin: 2em;
}

.five-column {
    display: block;
    float: left;
    margin-right: 1.85%;
    margin-top:1em;
    text-align: center;
    width: 18.5%;
}
.five-column-last {
    display: block;
    float: right;
   margin-top:1em;
    text-align: center;
    width: 18.5%;
}


.five-column-last > h3 {
    line-height: 1.2em;
    padding: 10px 20px;
}

.five-column > h3 a,.five-column-last > h3 a {
    border-bottom:none!important;
}

.four-column {
    display: block;
    float: left;
    margin-right: 1.25%;
    margin-top: 1em;
    text-align: center;
    width: 23.5%;
}



.four-column > h3 {
    line-height: 1.2em;
    padding: 10px 20px;
}

.four-column > h3 a {
    border-bottom:none!important;
}


.img-circle {
    background: #fff none repeat scroll 0 0;
    border: 4px solid #5caa36 !important;
    border-radius: 50%;
    max-width: 140px;
    padding: 0;
}
.img-circle:hover {   
    background: #E6FFBD none repeat scroll 0 0;
    border: 4px solid #7DC33C !important;

}
.green-box {
    background: #81a652 none repeat scroll 0 0;
    border-radius: 5px;
    color: #fff;
    margin: 10px 0;
    padding: 10px 20px;
    text-align: center;
}

.green-box > h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 600;

}


.orange-box {
    background: #80BB4A none repeat scroll 0 0;
    border: 4px solid #636567;
    color: #fff;
    margin: 10px;
    padding: 10px 20px 5px;
    text-align: center;
}

.orange-box > h3 {
    color: #fff;
    font-size: 24pt;
    font-weight: 600;

}


.orange-box > h4 {
    color: #fff;
    font-size: 18pt;
    font-weight: 600;
    line-height: 1.2em;
    padding: 0 10px 15px;
    text-transform: none;
}

.orange-box > p {
    font-size: 18pt!important;
}

.space20 {
    height: 20px;
}

.space30 {
    height: 30px;
}

.space40 {
    height: 40px;
}

a#join {
    border-bottom: medium none !important;
}
#join > img {
    max-width: 80%;
}

dl.portlet dt, div.portletAssignments div.portletHeader {
    background: #4e8d34 none repeat scroll 0 0;
    padding: 0.5em 1em !important;

}

.help-portlet {
    background: #FD9D59 url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/conservation-ent/question-icon.png") no-repeat scroll 92% 20px;
    border-radius: 5px;
    margin: 20px 0;
    padding: 6px 15px 25px;
   -webkit-transition: background-color 700ms linear;
    -moz-transition: background-color 700ms linear;
    -o-transition: background-color 700ms linear;
    -ms-transition: background-color 700ms linear;
    transition: background-color 700ms linear;
}

.help-portlet:hover {
    background: #E47207 url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/conservation-ent/question-icon.png") no-repeat scroll 92% 20px;

}

.help-portlet > h4 {
    color: #fff;
    font-size: 15pt;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2em;
    padding: 0;
    text-transform: none;
}

.help-portlet h3 {
    color: #fff;
    font-size: 23px;
}


.button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff none repeat scroll 0 0;
    border-bottom: 2px solid #B05000 !important;
    border-image: none;
    border-left: 2px solid #B05000;
    border-radius: 4px;
    border-right: 2px solid #B050004;
    border-top: 2px solid #B05000;
    padding: 4px 15px;
}

.purple-box {
    background: #5C5F8C none repeat scroll 0 0;
    border: 6px solid #FFC964;
    color: #fff;
    margin: 10px 0px;
    padding: 20px 30px 0px;
    text-align: center;
}

.purple-box > h3 {
    color: #fff;
    font-size: 24pt;
    font-weight: 600;

}
.purple-box > p {
    font-size: 15pt!important;
}

.purple-box .btn {
    border: 3px solid #ffc964 !important;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 15px;
    padding: 10px;
}

.create-new {
    background: #81A652 url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/conservation-ent/addto.png") no-repeat scroll 93% 15px;
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125) inset;
    padding: 10px 15px;
    transition: background-color 700ms linear 0s;
}

.create-new:hover {
    background: #6F984A url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/conservation-ent/addto.png") no-repeat scroll 93% 15px;

}

.create-new a {
    color: #fff;
    font-weight: 400;
}
.create-new h3 {
    color: #fff;
    font-size: 23px;
}

.purple-banner {
    background: #5c5f8c none repeat scroll 0 0;
    border: 6px solid #ffc964;
    color: #fff;
    margin: 15px 0px 30px;
    padding: 15px 15px 5px;
    text-align: center;
}
.purple-banner > p {
    font-size: 20px !important;
}
.purple-banner a {
    border-bottom: medium none !important;
}

.purple-banner a span {
    background: #ffc964 none repeat scroll 0 0;
    margin: 10px 0px 0px 15px;
    padding: 8px 15px;
    text-decoration: none !important;
    border-radius: 6px;
    border: 1px solid #fff;
    text-transform: uppercase;
    font-size: 12pt;
    font-weight: 600;
}

#content .btn-large {
    background: #ffab00 none repeat scroll 0 0;
    border: 2px solid !important;
    padding: 6px 10px;
    text-align: center;
}
#content .btn-large:hover {
    border: 2px solid #fff!important;
    color:#3c4079!important;
}

.orange {
    background: #ff6a31 none repeat scroll 0 0;
    border: 2px solid #ffc964 !important;
}

.button-blue {
    background: #4fadcc none repeat scroll 0 0;
    border: 1px solid #fff !important;
    border-radius: 6px;
    color: #fff !important;
    font-size: 22px;
    line-height: 130px;
    padding: 15px;
}

#content .button-blue:hover {
    background: #4394AD none repeat scroll 0 0;
    color: #fff !important;
}

.inset {
    margin-left: 2em;
    margin-top: 1em;
}

.question-active {
    border-right: 1px dotted #444;
    display: block;
    float: left;
    line-height: 1.3em !important;
    margin-right: 2%;
    min-height: 130px;
    padding-right: 10px;
    text-align: left !important;
    width: 16.5%;
    font-weight:600;
}
.question-active a {
    border-bottom: medium none !important;

}

.question {
    border-right: 1px dotted #444;
    display: block;
    float: left;
    line-height: 1.3em !important;
    margin-right: 2%;
    min-height: 130px;
    padding-right: 10px;
    text-align: left !important;
    width: 16.5%;
}
.question > a,.question-last > a {
    border-bottom: medium none !important;
   
}
.question-last {
    display: block;
    float: left;
    margin-right: 0%;
    min-height: 130px;
    text-align: left !important;
    width: 17%;
}

.square {
    background: #000 none repeat scroll 0 0 !important;
    border-radius: 5px;
    color: #fff;
    display: block;
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-top: 4px;
    padding: 1px 7px 2px;
}

.question-active .square {
    background: #ff6a31 none repeat scroll 0 0 !important;
}

.big {
    font-size: 17pt !important;
    font-weight: 200;
    margin: 1em 0;
}

.big b, .big strong {
    font-weight: 500;
}

.grey {
    background: #ededed none repeat scroll 0 0;

}

.need-help {
    color: #fff;
    line-height: 170px;
}

#content p.need-help {
    color: #5c5f8c;
    font-size: 23pt;
    line-height: 170px;

}

.help {

    margin: 2.5em 0 1em;
}

.center { text-align:center; }


.span3.grey-arrow {
    background-color: #80bb4a;
    background-image: url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/cwt-images/green-arrow.png");
    background-position: right center;
    background-repeat: no-repeat;
    min-height: 210px;
    padding: 0;
}

.submit-content {
    background: #81a652 url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/conservation-ent/document-icon.png") no-repeat scroll 97.5% 15px;
    border-radius: 6px;
    margin: 0.5em 0 1em;
    padding: 15px;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.submit-content:hover {
    background: #478B36 url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/conservation-ent/document-icon.png") no-repeat scroll 97.5% 15px;

}

.submit-content a > p {
    color: #fff !important;
}

.submit-content h3 {
    color: #fff;
}


/* Table formatting */

.tablestyle table {
	color: #333333;
	font: 1em/1.2em;
	border-collapse: collapse;
	margin: 0px auto 15px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	text-align: left;
}

.tablestyle tbody {
    border-top: 1px solid #ccc;
}

.tablestyle td {
	border-left: 1 solid #CCCCCC;
	padding: 10px 15px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}


.tablestyle tbody a {
    border-bottom: medium none !important;
    padding: 1px 2px;
    text-decoration: none;
}

.tablestyle tbody tr:hover {
	color: #CC551F;
	background: #ededed;
}

.tablestyle tbody tr:hover a {
	color: #CC3300;
}
.tablestyle a:hover {
	text-decoration: underline;
	}

.tablestyle h3 {
	color: #fff!important;
	line-height: 115%;
	margin: 0px;
	padding: 0px;
}
.tablestyle td.header {
    background: #93b970 none repeat scroll 0 0;
    padding-left: 20px;
}
.tablestyle .header h2 {
    color: #fff !important;
}

/*end table style */

.column1 {
    background: #93B970 none repeat scroll 0 0;
    color: #fff;
    font-size: 1.5em;
    text-transform: uppercase;
}


.column2 {
    background: #deeec7 none repeat scroll 0 0;
    border-left: 1px solid #ccc;
    font-size: 20px;
    line-height: 1.3em;
    padding: 15px 20px !important;
}

.tablestyle td.divider {
    background: #fff none repeat scroll 0 0;
    padding: 4px;
}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
width:50px;

}

ul.search-list {
    list-style: outside none none;
    margin-left: 0 !important;
    margin-right: 1em;
    padding: 0;
}

#content .search-list li {
    border-bottom: 1px dotted #777;
    list-style: outside none none;
    padding-bottom: 5px;
}



/* --------------
   MEDIA QUERIES
----------------- */

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

.five-column {
    width: 23%;
}

.five-column-last {
    float: none;
    width: 100%;
}

.question, .question-last, .question-active {  
    float: none;
    width: 95%;
    height:100%;
    border-right: medium none !important;
    font-size:18pt!important;
    margin-top:15px;
}

}

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

#visual-portal-wrapper {
    margin: 160px -1px 0;
    width: 101% !important;
    padding: 0 20px;
}

.top-header { height: 80px; }


.top-header ul {
    float: left;
    margin: 20px;
}

.top-header ul li {
    margin-right: 40px;
}

#portal-columns {
    position: relative;
    top: 20px;
}

.mobile-logo { display:none; }
.hide-mobile { display: none;}

.navbar { top:200px; }

.navbar .nav > li a{
    float: none;
    font-size: 16pt;
    text-align: center;
    font-weight:600;
    padding:15px 0;
}

#portal-logo > img {
    width: 100%;
    margin-top: 4em;
}


#portal-header {
    background-image: url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/none") !important;
}

.span3.grey-arrow {
    background-image: url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/none");
    min-height: 60px;

}
.question, .question-last {  
    float: none;
    width: 90%;
    height:100%;
    border-right: medium none !important;
    font-size:18pt!important;
    margin-top:15px;
}

h1, .documentFirstHeading {
    font-size: 24pt;
    margin-top: 20px !important;
}

h3 { 
   font-weight:600;
}
}

.template-version_diff pre {
    background: #ddd none repeat scroll 0 0 !important;
    color: #000 !important;
}


/* --- Display news in blocks --- */


.fabnews > ul {
    margin-left: 0 !important;

}

.fabnews li {
    border-top: 1px solid #d8d4cb;
    display: block;
    float: left;
    line-height: 1.3em !important;
    list-style: outside none none;
    margin-bottom: 2.5em !important;
    overflow: hidden;
    padding: 10px 15px;
    width: 28.55%;
}

.fabnews li:nth-child(3) {
   padding:10px 0px 10px 15px;

}

.fabnews li a {
    color: #242424 !important;
    font-family: "myriad-pro-condensed";
    font-size: 1.2em;
    font-weight:600;
}


.fabnews img {
    border: 1px solid #ddd;
    margin-bottom: 10px;
    padding: 3px;
    width: 200px;
}

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

.fabnews li {
    display: block;
    float: none;
    width: 98%;
    margin-bottom:1em;
    height:auto;
}

.fabnews img {
    width: 150px;
}
}

.fabnews .item-description {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}

.span4.fabnews > h2 {
    background-color: #4b97b7;
    clear: both;
    color: #fff;
    display: block;
    font-family: "myriad-pro",san-serif !important;
    font-size: 1.5em;
    font-weight: 400;
    padding: 0.4em 0.6em;
    text-transform: uppercase;
}


.fabnews > h2 {
    color: #ed9700;
    font-size: 22px;
    text-transform: uppercase;
}


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

.four-column,.five-column {
    width: 48%;
}

.four-column-last,.five-column-last {
    float: none;
    text-align: center;
    width: 100%;
}

.img-circle {
   width: 65%;
   transition: all 0.3s ease 0s;
   
}

.fullwidth {
    margin: 0px -15px;

}
.orange-box {
    margin: 0px;
    min-height: 85px;

}

}

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

#portal-logo > img {
    width: 100%;
    margin-top: 4em;
}


#portal-header {
    background-image: url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/none") !important;

}




.img-circle {
    max-width: 100px;
}
  
}

/* --- MEDIA QUERIES from FAB -- */

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

#portaltab-home > a,#portaltab-home > a:hover {
    background: transparent url(https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/none) no-repeat scroll center center;
    height: 35px;
    padding: 10px 10px 0px;
    text-indent: 0em;
    width: auto;
}}


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

body {
    background: #fff url("https://rmportal.net/biodiversityconservation-gateway/learning-groups/combating-wildlife-trafficking/conservation-enterprises-home-page-collection/none") no-repeat scroll 0 0 !important;
}



#visual-portal-wrapper {
    width: 105%;
    padding: 0px;
    margin: 180px auto 0px;
}
  

#editing-bar {
    display: none;
}


#portal-logo {
    display: block;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 25px;
}


h2.tileHeadline {
    font-size: 22pt;
    line-height: 24pt;
}


dl.portlet ul.navTree li a {
    font-size: 16pt;
    padding-left: 5px !important;
}

h1.documentFirstHeading {
    font-family: "myriad-pro-condensed",helvetica,arial,sans-serif;
    font-size: 24pt;
    line-height: 30pt;
    margin-top: 30px !important;
}

.lead {
    font-size: 18pt!important;
    line-height: 150%;
    margin-top:20pt;
}

p {
    font-size: 14pt!important;

}

.breadcrumb {
    margin: 50px 0 20px 0em!important;
    font-size:12pt;
}

.icons-on .contenttype-document, .icons-on .contenttype-event, .icons-on .contenttype-folder, .icons-on .contenttype-link, .icons-on .contenttype-news-item, .icons-on .contenttype-plone-site, .icons-on .contenttype-collection, .icons-on .contenttype-topic, .icons-on .contenttype-file, .icons-on .contenttype-image {
    line-height: 2em;
    padding-left: 0 !important;
}
}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) { 

.tileImage > img {
    float: none;
    width: 100%;
    margin: 0.5em 0;
} }


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


.mobile-logo { display:none; }

#portal-logo {
    display: block;
    left: 20px;
    margin: 0;
    position: absolute;
    top: 25px;
}

#portal-logo img{
    width: 90%;
   -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}


.content-col {
    clear: both;
    margin-left: 0;
    margin-top: 30px;
  
}
}