/*main css file for rorybarton.com
auth: rory barton updated:8-19-2021
*/
@import url("http://fonts.googleapis.com/css?family=Carrois+Gothic|Finger+Paint|Bevan") screen;

/* layout & header */
html { font-family: sans-serif; 
color: #313131;
}

.resume section{
font-family: "Carrois Gothic";
display: block;
border: 1px solid rgb(177, 182, 197);
margin: 3px auto;
padding: 10px;
width: 85%;
clear: both;
}

section.no-line{
border: none;
}

section.no-line p{
margin-top: 8px;
}

.resume h1.name{
color: rgb(0,163,216);
font-weight: 600;
margin: 15px 25px;
}

.resume .salutation{
display: block;
position: absolute;
top: 15px;
right: 25px;
color: rgb(0,163,216);
text-align: right;
font-size: 1.5em;}

/* sections: profile toolbox highlights history*/

/* 		profile */








/* 		toolbox */

/* 		grid */
/* ul.grids, */
div.grids {
display: grid;
/* grid-template-columns: repeat(3, 1fr); */
grid-template-columns: repeat(auto-fit, minmax(195px, 3fr));
/* grid-column: span 2; */
grid-gap: 1rem;


}


/* 			end grid */
/* 
.resume #tools ul.tool,
 */
/* 
.resume #tools ul#gentool,
.resume #tools div#software {
-webkit-column-count: 3;
   -moz-column-count: 3;
        column-count: 3;
-webkit-column-gap: 15px;
   -moz-column-gap: 15px;
        column-gap: 15px;
-webkit-column-width: 85px;
   -moz-column-width: 85px;
        column-width: 85px;
-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
	   break-inside: avoid;
padding: 0;
}
*/
/* 

#tools .tool{
grid-column:span 1;}
 */


#tools ul.tool li {
list-style: none;
display: block;
margin-bottom: 8px;
padding: 0;
}

#tools #software ul.tool ul
{
	padding-left: 15px;
	
}

#tools ul.tool li.grp-heading{
margin-bottom:.3em;

}
#software ul.tool ul li
{
	margin-bottom: .3em;
	font-size: smaller;
	font-weight: default;
}



/* 
#software.grids{
grid-gap:2rem;}
 
#software ul.tool.grp.no-col+ul.tool.grp.no-col
{
	padding-left: 0;
	color: #942192;
	font-weight: bold;
	
} */
/* 
.resume #tools div#software #webtech>ul,
.resume #tools div#software #adobecc>ul,
.resume #tools div#software #msoffice>ul
{
-webkit-column-count: 2;
   -moz-column-count: 2;
        column-count: 2;
-webkit-column-gap: 1px;
   -moz-column-gap: 1px;
        column-gap: 1px;
-webkit-column-width: 30px;
   -moz-column-width: 30px;
        column-width: 30px;
-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
	   break-inside: avoid;
padding-left:15px;
}
 */





/*  flexbox not great...

div.flxy {
display: flex;

}
#tools div.flxy>ul{
flex: 1;
border: 1px solid rgb(252, 0, 0);
display: block;
margin: 0 10px;
padding: 5px; 
}

#tools div.flxy>ul.tool li{
padding-left: 2px;

}
 */

}
#tools ul.tool ul.grp li.grp-heading{
/* 
margin-bottom: -3px;
margin-left: -15px;
 */
padding: 0;
}

/* 
#tools #software ul.tool.grp
{
	display: block;
	min-height: 135px;
	min-width: 300px;
	margin-top: 0;
	padding: 0;
	border: 1px rgb(177, 182, 197) solid;
}
#tools #webtech>ul,
#tools #adobecc>ul,
#tools #msoffice>ul{
padding-left: 6px;
}
 */
/* 
#tools #webtech>ul li,
#tools #adobecc>ul li,
#tools #msoffice>ul li{
padding-left: 18px;font-size: .9em;
float: left;
width: 50%;
min-width: 110px;
max-width: 55px;
}
 */


.resume h2.subhead{
/* font-family: "Bevan"; */
color: rgb(0,163,216);
text-transform: uppercase;}

.resume p+h2.subhead,
.resume p+h3.subhead,
.resume p+h4.emplmnt,
.reusme ul+h2.subhead,
.resume ul+h3.subhead{
margin-top: 2em;
}

/* 		highlights */

.resume #highlights h4.subhead{
text-transform: uppercase;
font-size: 1.09em;
}
.resume #highlights h4.emplmnt
{
	text-transform: uppercase;
	font-size: 1em;
	
}.resume #highlights h3.subhead,
.resume #highlights h4.subhead{
margin: 0em .5em 0em 1em;
}
.resume #highlights h4.subhead.emplmnt{
margin-left: 1.8em;

}

/* 		history */
#history  p{
margin: 0 2.2em .5em;
}
.resume #coming-soon{
font-family: "Finger Paint";
display: block;
margin: 3px 25px 25px 0px;
float: right;
width: 225px;
font-size: .7em;
background: #F6F6F9;
}
.resume #coming-soon h2.subhead{
font-size: 1em;
}